@charset "UTF-8";
* { word-wrap: break-word; }

*, *:before, *:after { box-sizing: border-box; outline: none; }

html { min-width: 1280px; overflow-x: auto; }

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; font-weight: normal; -webkit-tap-highlight-color: transparent; }

ul, ol, dl { list-style-type: none; }

html, body { *position: static; color: #000; background: #fff; width: 100%; height: auto; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; border: 0; }

input, button { overflow: visible; vertical-align: middle; outline: none; }

body, th, td, button, input, select, textarea { font-size: 18px; font-family: "SourceHanSans-Regular", -apple-system, "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: all .4s; transition: all .4s; color: #000; }

a img { -webkit-transition: all .4s; transition: all .4s; }

a:hover, a:focus, a:active { text-decoration: none; outline: none; }

a.ie6:hover { zoom: 1; }

b, i { font-weight: normal; font-style: normal; }

sub, sup { vertical-align: baseline; }

button, input[type="button"], input[type="submit"] { line-height: normal !important; }

img { border: 0; object-fit: cover; display: block; -webkit-user-drag: none; max-width: 100%; }

input, textarea { border: 0; background: none; outline: none; resize: none; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: transparent; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #bbb; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }

::-webkit-scrollbar { width: 12px; height: 8px; }

::-webkit-scrollbar-track { background: #ececec; }

::-webkit-scrollbar-track:hover { background: #e1e1e1; }

::-webkit-scrollbar-thumb { border-radius: 0; background: silver; }

::-webkit-scrollbar-thumb:hover { background: #999; }

::-webkit-scrollbar-corner { background: 0 0; }

.cover1 { width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: none; z-index: 3; }

.layui-layer-btn .layui-layer-btn0 { border-color: #1EB116 !important; background: #1EB116 !important; }

.cl:after, .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.cl, .clearfix { zoom: 1; }

.fl { float: left !important; }

.fr { float: right !important; }

.text-l { text-align: left; }

.text-c { text-align: center; }

.text-r { text-align: right; }

.text-i { font-style: italic; }

.container { margin-left: 4%; margin-right: 4%; min-width: 1100px; position: relative; }

.container:after, .container:before { content: ""; display: table; }

.container:after { clear: both; }

.container-fluid { margin-right: auto; margin-left: auto; }

.container-fluid:after, .container-fluid:before { content: ""; display: table; }

.container-fluid:after { clear: both; }

.commonTitle { font-size: 40px; color: #333333; font-weight: bold; margin-bottom: 40px; }

.commonTitle1 { font-size: 30px; color: #333333; padding-bottom: 25px; margin-bottom: 20px; border-bottom: 1px solid #ececec; }

@keyframes mouseMove { 0% { transform: translate(0, -10px); }
  100% { transform: translate(0, 10px); } }

/*fonts*/
@font-face { font-family: "SourceHanSans-Light"; src: url("../fonts/SourceHanSans-Light.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "SourceHanSans-Regular"; src: url("../fonts/SourceHanSans-Regular.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "SourceHanSans-Medium"; src: url("../fonts/SourceHanSans-Medium.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "SourceHanSans-Bold"; src: url("../fonts/SourceHanSans-Bold.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "BebasNeue"; src: url("../fonts/BebasNeue.otf") format("opentype"); font-weight: normal; font-style: normal; }

@keyframes pathRun { from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; } }

@keyframes progressRun { from { width: 0; }
  to { width: 100%; } }

/*! 1441-1920px 大屏 */
/* header */
.header { width: 100%; position: fixed; left: 0; top: 0; z-index: 20; background: #fff; transition: all .4s; box-shadow: 0 0.06rem 0.2rem rgba(16, 22, 44, 0.04); }

.header .container { display: flex; justify-content: space-between; align-items: center; }

.header .top { padding: 0.15rem 0; height: auto; overflow: visible; }

.header .logo { float: left; }

.header .logo img { width: 100%; }

.header .nav { height: auto; overflow: hidden; margin-left: 2.5%; flex: 1; }

.header .nav .item { line-height: 0.5rem; font-size: 0.16rem; color: #666; float: left; text-align: center; position: relative; margin-left: 3%; }

.header .nav .item:after { content: ""; width: 0; height: 2px; background: #1EB116; position: absolute; left: 0; bottom: 5px; right: 0; margin: auto; transition: all .4s; }

.header .nav .item.active, .header .nav .item:hover { color: #1EB116; }

.header .nav .item.active:after, .header .nav .item:hover:after { width: 0.3rem; }

.header .nav .item:first-child { margin-left: 0; }

.header .other a { line-height: 0.5rem; font-size: 0.14rem; color: #666; margin-left: 10px; padding-left: 10px; position: relative; }

.header .other a i { font-size: 0.18rem; vertical-align: -1px; margin-right: 5px; }

.header .other a.tel { font-size: 0.18rem; vertical-align: -2px; margin: 0; padding: 0; color: #FF900C; }

.header .other a.tel:before { display: none; }

.header .other a.wechat { z-index: 1; }

.header .other a.wechat .ewm { width: 90px; height: auto; position: absolute; left: 13px; top: 45px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); display: none; }

.header .other a.wechat .ewm img { width: 100%; }

.header .other a.wechat .ewm:after { content: ""; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; left: 50%; top: -8px; margin-left: -8%; }

.header .other a:before { content: ""; width: 1px; height: 15px; background: #eee; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }

.header .searchBox { height: auto; overflow: hidden; position: relative; display: none; background: #fff; background: rgba(255, 255, 255, 0.8); border-top: 1px solid #eee; }

.header .searchBox input { width: 100%; height: 56px; line-height: 56px; background: none; font-size: 16px; padding-left: 3%; }

.header .searchBox .btnSearch1 { width: 200px; line-height: 56px; text-align: center; background: #36A430; position: absolute; right: 0; top: 0; margin: 0; }

.header .searchBox .btnSearch1 i { font-size: 20px; color: #fff; }

.header .submenu { height: auto; overflow: hidden; position: relative; transition: all .4s; }

.header .submenu .container { height: auto; overflow: hidden; padding: 50px 0; display: block; }

.header .submenu .submenuItem { display: none; border-top: 1px solid #eee; }

.header .submenu .submenuItem .l { width: 33%; text-align: right; float: left; position: relative; z-index: 1; padding-right: 0.35rem; }

.header .submenu .submenuItem .l h1 { font-size: 24px; color: #000; margin-bottom: 2%; }

.header .submenu .submenuItem .l h2 { font-size: 44px; color: rgba(51, 51, 51, 0.19); text-transform: capitalize; }

.header .submenu .submenuItem .r { width: 60%; padding-left: 4%; float: right; position: relative; z-index: 1; }

.header .submenu .submenuItem .r .snav { height: auto; overflow: hidden; float: left; margin-right: 10%; }

.header .submenu .submenuItem .r .snav a { font-size: 16px; line-height: 36px; color: #000; display: block; }

.header .submenu .submenuItem .r .snav a:hover { color: #1EB116; }

.header .submenu .submenuItem .r .img { width: 68%; max-width: 4.8rem; float: left; }

.header .submenu .submenuItem .r .img img { width: 100%; }

.header .submenu .submenuItem:before { content: ""; width: 40%; height: 100%; background: #efefef; position: absolute; left: 0; top: 0; }

.header .submenu .submenuItem:after { content: ""; width: 60%; height: 100%; background: #fcfcfc; position: absolute; right: 0; top: 0; }

.header .submenu .submenuItem.product ul { display: flex; justify-content: space-between; }

.header .submenu .submenuItem.product ul li { width: 48%; text-align: center; }

.header .submenu .submenuItem.product ul li img { width: 100%; margin: 0 auto; }

.header .submenu .submenuItem.product ul li h3 { font-size: 24px; color: #000; transition: all .4s; margin-top: 20px; }

.header .submenu .submenuItem.product ul li .btn { width: 160px; height: 50px; font-size: 18px; color: #000; border: 1px solid #000; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin: 20px auto 0; }

.header .submenu .submenuItem.product ul li:hover h3 { color: #1EB116; }

.header .submenu .submenuItem.product:before, .header .submenu .submenuItem.product:after { display: none; }

.header.up { transform: translateY(-100%); }

/*footer*/
.footer { height: auto; overflow: hidden; }

.footer .top { height: 80px; line-height: 80px; overflow: hidden; background: #e8e8e8; }

.footer .top .logo { display: block; float: left; margin-top: 20px; }

.footer .top .share { float: right; text-align: right; }

.footer .top .share span { font-size: 16px; color: #666; float: left; }

.footer .top .share .bshare-custom { display: inline-block; line-height: normal !important; }

.footer .top .share .bshare-custom a { background: none; padding: 0; width: 36px; height: 36px; line-height: 36px; display: inline-block; text-align: center; margin-right: 0; margin-left: 8px; background: #fff; border-radius: 50%; }

.footer .top .share .bshare-custom a i { font-size: 20px; color: #818181; }

.footer .top .share .bshare-custom a:hover { text-decoration: none; }

.footer .top .share .bshare-custom a:hover i { color: #fff; }

.footer .top .share .bshare-custom a.bshare-weixin:hover { background: #42af35; }

.footer .top .share .bshare-custom a.bshare-qq:hover { background: #37a6d1; }

.footer .top .share .bshare-custom a.bshare-sinaminiblog:hover { background: #da251c; }

.footer .middle { height: auto; overflow: hidden; margin-top: 40px; display: flex; justify-content: space-between; }

.footer .middle .left { width: 40%; }

.footer .middle .left .text { height: auto; overflow: hidden; }

.footer .middle .left .text p { font-size: 15px; color: #666; margin-bottom: 10px; }

.footer .middle .left .ewm { height: auto; overflow: hidden; margin-top: 25px; }

.footer .middle .left .ewm .box { width: 20%; min-width: 90px; text-align: center; float: left; margin-left: 3.5%; }

.footer .middle .left .ewm .box img { width: 100%; border: 1px solid #eee; padding: 5%; margin: 0 auto; }

.footer .middle .left .ewm .box p { font-size: 14px; color: #666; margin-top: 10px; }

.footer .middle .left .ewm .box:first-child { margin: 0; }

.footer .middle .right { width: 0; flex: 1; height: auto; overflow: hidden; }

.footer .middle .right dl { height: auto; overflow: hidden; float: right; margin-right: 8%; }

.footer .middle .right dl dt { font-size: 18px; margin-bottom: 20px; }

.footer .middle .right dl dt a { color: #333; }

.footer .middle .right dl dt a:hover { color: #36A430; }

.footer .middle .right dl dd { font-size: 16px; line-height: 36px; }

.footer .middle .right dl dd a { color: #666; }

.footer .middle .right dl dd a:hover { color: #36A430; }

/*.footer .middle .right dl:first-child { margin: 0; }*/

.footer .bottom { height: auto; border-top: 1px solid #e5e5e5; margin-top: 35px; padding: 30px 0; }

.footer .bottom .left { height: auto; overflow: hidden; float: left; }

.footer .bottom .left .nav { height: auto; overflow: hidden; }

.footer .bottom .left .nav a { font-size: 16px; color: #666; position: relative; display: block; float: left; padding-left: 15px; margin-left: 15px; }

.footer .bottom .left .nav a:after { content: ""; width: 1px; height: 15px; background: #a9a9a9; position: absolute; left: 0; top: 3px; }

.footer .bottom .left .nav a:first-child { margin: 0; padding: 0; }

.footer .bottom .left .nav a:first-child:after { display: none; }

.footer .bottom .left .nav a:hover { color: #36A430; }

.footer .bottom .left .copyright { font-size: 14px; color: #666; margin-top: 30px; }

.footer .bottom .left .copyright a { display: inline-block; margin-right: 10px; color: #666; }

.footer .bottom .left .copyright a:hover { color: #36A430; }

.footer .bottom .right { height: auto; float: right; }

.footer .bottom .right .other { width: 300px; height: auto; cursor: pointer; position: relative; z-index: 1; }

.footer .bottom .right .other .t { height: 56px; line-height: 56px; border: 1px solid #eee; padding: 0 25px; font-size: 16px; color: #666; transition: all .4s; }

.footer .bottom .right .other .t i { font-size: 18px; margin-left: 5px; float: right; vertical-align: -2px; }

.footer .bottom .right .other .otherList { max-height: 350px; overflow: auto; width: 99%; height: auto; position: absolute; left: 0; right: 0; bottom: 56px; margin: auto; background: #fff; padding: 10px 22px; display: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.footer .bottom .right .other .otherList a { display: block; line-height: 40px; font-size: 16px; }

.footer .bottom .right .other .otherList a:hover { color: #36A430; }

.footer .bottom .right .other:hover { background: #36A430; }

.footer .bottom .right .other:hover .t { color: #fff; }

/* fixed-right */
.fixed-right { width: 50px; height: auto; position: fixed; right: 0; top: 40%; z-index: 2; }

.fixed-right .item { width: 160px; height: 50px; background: #F5F5F5; display: block; cursor: pointer; position: relative; right: 0; transition: all .4s; }

.fixed-right .item .icon { width: 50px; height: 50px; line-height: 50px; text-align: center; position: relative; z-index: 1; background: #fff; }

.fixed-right .item .icon i { font-size: 20px; color: #666; }

.fixed-right .item span { width: 100%; height: 100%; line-height: 50px; text-indent: 75px; font-size: 15px; color: #666; display: block; position: absolute; left: 0; top: 0; }

.fixed-right .item:after { content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0; z-index: 2; }

.fixed-right .item.kefu { width: 50px; height: auto; padding: 20px 0; text-align: center; background: #1EB116; }

.fixed-right .item.kefu .icon { height: auto; line-height: normal; margin-bottom: 5px; background: none; }

.fixed-right .item.kefu .icon i { color: #fff; }

.fixed-right .item.kefu span { width: 20px; color: #fff; line-height: 16px; margin: 0 auto; position: relative; text-indent: 0; }

.fixed-right .item.kefu:after { display: none; }

.fixed-right .item.kefu:hover { right: 0; }

.fixed-right .item:hover { right: 105px; }

.fixed-right .item:last-child:after { display: none; }

.freetel { width: 500px; height: 200px; background: #fff; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 4; display: none; text-align: center; }

.freetel h1 { font-size: 16px; color: #666; margin: 60px 0 20px; text-align: center; }

.freetel form { height: auto; overflow: hidden; margin: 0 auto; display: flex; align-items: center; justify-content: center; }

.freetel form input { width: 200px; height: 45px; line-height: 45px; padding: 0 20px; float: left; font-size: 16px; color: #666; border: 1px solid #ebebeb; }

.freetel .btn { width: auto; height: 45px; line-height: 45px; padding: 0 15px; font-size: 16px; background: #1EB116; color: #fff; text-align: center; display: block; float: left; }

.freetel .icon-close { position: absolute; right: 20px; top: 20px; font-size: 26px; color: #1EB116; cursor: pointer; }

.content { padding-top: 0.8rem; position: relative; z-index: 1; min-height: 530px; }

/*Index*/
.Index .banner { height: auto; overflow: hidden; position: relative; }

.Index .banner img { width: 100%; }

.Index .banner .swiper-pagination { width: 100%; height: auto; overflow: hidden; position: absolute; left: 0; bottom: 30px; text-align: center; }

.Index .banner .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; background: #fff; display: inline-block; margin: 0 5px; cursor: pointer; opacity: 1; }

.Index .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 50px; border-radius: 3px; }

.Index .banner .swiper-button-next, .Index .banner .swiper-button-prev { width: 60px; height: 60px; background: none; margin-top: -30px; }

.Index .banner .swiper-button-next i, .Index .banner .swiper-button-prev i { font-size: 60px; color: #fff; }

.Index .banner .swiper-button-next:after, .Index .banner .swiper-button-prev:after { display: none; }

.Index .banner .swiper-button-prev { left: 4%; }

.Index .banner .swiper-button-next { right: 4%; }

.Index .block { height: auto; overflow: hidden; padding: 80px 0; position: relative; }

.Index .block .title h1 img { margin: 0 auto; display: block; }

.Index .block .title h2 { font-size: 36px; line-height: 36px; color: #333333; font-weight: bold; margin-bottom: 40px; text-align: center; position: relative; margin-top: -30px; }

.Index .block .title h2 a { font-size: 16px; color: #666; float: right; font-weight: normal; }

.Index .block .title h2 a i { font-size: 14px; color: #999; }

.Index .block .title h2 a:hover { color: #36A430; }

.Index .block .title h2 a:hover i { color: #36A430; }

.Index .block.product { padding: 0; }

.Index .block.product .tabs { height: auto; overflow: hidden; padding: 40px 0.5rem 60px; --swiper-navigation-color: #000; --swiper-navigation-size: 0.5rem; }

.Index .block.product .tabs .item { width: 33.3333%; text-align: center; float: left; cursor: pointer; }

.Index .block.product .tabs .item img { display: block; max-width: 100%; margin: 0 auto; transition: all .4s; }

.Index .block.product .tabs .item h2 { font-size: 24px; color: #222; transition: all .4s; }

.Index .block.product .tabs .item:hover img { transform: translateY(-5px); }

.Index .block.product .tabs .item:hover h2 { color: #36A430; }

.Index .block.product .slide { width: 100%; height: auto; overflow: hidden; padding: 90px 0 110px; background: url("../images/index-product-bg.jpg") center no-repeat; background-size: cover; }

.Index .block.product .slide .text { width: 45%; height: auto; overflow: hidden; padding: 0 0 0 8%; }

.Index .block.product .slide .text .title h1 img { display: inline-block; }

.Index .block.product .slide .text .title h2 { text-align: left; }

.Index .block.product .slide .text p { font-size: 15px; line-height: 30px; color: #333; }

.Index .block.product .slide .text .more { width: 200px; height: 50px; line-height: 50px; background: #36A430; font-size: 18px; color: #fff; text-align: center; display: block; margin-top: 5%; }

.Index .block.product .slide .text .more i { font-size: 20px; vertical-align: -1px; }

.Index .block.product .slide .img { width: 55%; }

.Index .block.product .slide .img img { width: 100%; }

.Index .block.product .slide .swiper-pagination { width: 100%; height: auto; overflow: hidden; position: absolute; left: 0; bottom: 30px; text-align: center; }

.Index .block.product .slide .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; background: #fff; display: inline-block; margin: 0 5px; cursor: pointer; opacity: 1; }

.Index .block.product .slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 50px; border-radius: 3px; }

.Index .block.technology ul { height: auto; overflow: hidden; }

.Index .block.technology ul li { width: 33.3333%; float: left; padding: 0 2px; box-sizing: border-box; position: relative; }

.Index .block.technology ul li a { display: block; overflow: hidden; }

.Index .block.technology ul li img { width: 100%; }

.Index .block.technology ul li h2 { width: 100%; font-size: 24px; color: #fff; text-align: center; position: absolute; left: 0; bottom: 25px; }

.Index .block.technology ul li:hover img { transform: scale(1.1); }

.Index .block.solution { padding: 0; }

.Index .block.solution .title { width: 100%; position: absolute; left: 0; top: 80px; }

.Index .block.solution .title h1 img { width: auto !important; }

.Index .block.solution .title h2 { color: #fff; }

.Index .block.solution img { width: 100%; }

.Index .block.solution ul { width: 100%; height: auto; overflow: hidden; position: absolute; left: 0; bottom: 0; }

.Index .block.solution ul li { width: 25%; float: left; padding: 0 2px; position: relative; bottom: -135px; transition: all .4s; }

.Index .block.solution ul li .box { background: rgba(25, 25, 25, 0.8); padding: 40px 10%; transition: all .4s; display: block; }

.Index .block.solution ul li .box h1 { font-size: 66px; color: #fff; }

.Index .block.solution ul li .box h2 { font-size: 28px; color: #fff; margin: 15px 0 40px; }

.Index .block.solution ul li .box p { font-size: 14px; color: #fff; line-height: 24px; }

.Index .block.solution ul li .box.active { height: auto; background: #36A430; }

.Index .block.solution ul li:hover { /*bottom: 0;*/ }

.Index .block.solution ul li:hover .box { background: #36A430; }

.Index .block.news .title h1 img { display: inline-block; }

.Index .block.news .title h2 { text-align: left; }

.Index .block.news ul { height: auto; overflow: hidden; margin: 0 -30px; }

.Index .block.news ul li { width: 33.333%; float: left; padding: 0 30px; }

.Index .block.news ul li .box { height: auto; overflow: hidden; display: block; }

.Index .block.news ul li .box .img { overflow: hidden; }

.Index .block.news ul li .box .img img { width: 100%; }

.Index .block.news ul li .box .text { padding-top: 15px; }

.Index .block.news ul li .box .text h3 { font-size: 16px; color: #333; }

.Index .block.news ul li .box .text h3 span { color: #999; margin-left: 10px; display: inline-block; }

.Index .block.news ul li .box .text h2 { font-size: 24px; color: #333333; line-height: 30px; margin: 25px 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .4s; }

.Index .block.news ul li .box .text p { font-size: 14px; color: #c1c1c1; line-height: 24px; }

.Index .block.news ul li .box .text .more { margin-top: 25px; color: #36A430; }

.Index .block.news ul li .box .text .more span { width: 24px; line-height: 24px; background: #36A430; color: #fff; margin-right: 10px; display: inline-block; text-align: center; }

.Index .block.news ul li .box:hover img { transform: scale(1.1); }

.Index .block.news ul li .box:hover h2 { color: #36A430; }

.Index .block.about { background: #F9F9F9; }

.Index .block.about .img { width: 50%; float: left; }

.Index .block.about .img img { width: 100%; }

.Index .block.about .text { width: 50%; float: right; position: relative; padding-left: 5%; padding-top: 2%; }

.Index .block.about .text .title h1 img { display: inline-block; }

.Index .block.about .text .title h2 { text-align: left; }

.Index .block.about .text p { font-size: 16px; color: #333333; line-height: 36px; }

.Index .block.about .text p span { color: #36A430; }

.Index .block.about .text .more { width: 209px; line-height: 52px; font-size: 17px; color: #fff; margin-top: 50px; display: block; background: #36A430; text-align: center; }

.Index .block.about .text .more i { color: #fff; }

.Index .block.about ul { height: auto; overflow: hidden; margin-top: 60px; }

.Index .block.about ul li { width: 25%; float: left; text-align: center; }

.Index .block.about ul li i { font-size: 80px; color: #36A430; }

.Index .block.about ul li h2 { font-size: 20px; color: #333; padding: 0 20px; }

.Index .block.service { background: url("../images/service-bg.jpg") center no-repeat; background-size: cover; padding: 130px 0 180px; margin-bottom: 80px; }

.Index .block.service .title h2 { color: #fff; margin-bottom: 10px; }

.Index .block.service .st { font-size: 16px; color: #fff; text-align: center; }

.Index .block.service ul { height: auto; overflow: hidden; margin-top: 5%; }

.Index .block.service ul li { width: 25%; float: left; text-align: center; }

.Index .block.service ul li .icon { width: 120px; margin: 0 auto; min-width: 100px; }

.Index .block.service ul li .text { height: auto; overflow: hidden; text-align: center; margin-top: 20px; }

.Index .block.service ul li .text h2 { font-size: 24px; color: #fff; margin-bottom: 5px; font-weight: 300; }

.Index .block.service ul li .text p { font-size: 14px; color: #fff; font-weight: 300; line-height: 24px; }

.Index .block.case .title h1 { font-size: 40px; text-shadow: #e8e8e8 1px 0 0, #e8e8e8 0 1px 0, #e8e8e8 -1px 0 0, #e8e8e8 0 -1px 0; }

.Index .block.case .slide { height: auto; overflow: hidden; position: relative; }

.Index .block.case .slide .swiper-slide { background: #36A430; }

.Index .block.case .slide .swiper-slide .text, .Index .block.case .slide .swiper-slide .img { width: 50%; }

.Index .block.case .slide .swiper-slide .text.text, .Index .block.case .slide .swiper-slide .img.text { padding: 6% 12.5% 0 12.5%; }

.Index .block.case .slide .swiper-slide .text.text h3, .Index .block.case .slide .swiper-slide .img.text h3 { font-size: 24px; color: rgba(255, 255, 255, 0.35); }

.Index .block.case .slide .swiper-slide .text.text h2, .Index .block.case .slide .swiper-slide .img.text h2 { font-size: 36px; color: #fff; font-weight: bold; margin: 10px 0 50px; }

.Index .block.case .slide .swiper-slide .text.text p, .Index .block.case .slide .swiper-slide .img.text p { font-size: 18px; color: #fff; line-height: 36px; margin-bottom: 30px; }

.Index .block.case .slide .swiper-slide .text.text .btn, .Index .block.case .slide .swiper-slide .img.text .btn { background: none; margin: 0; color: #fff; justify-content: left; position: relative; z-index: 1; }

.Index .block.case .slide .swiper-slide .text.text .num, .Index .block.case .slide .swiper-slide .img.text .num { font-size: 350px; line-height: 350px; color: rgba(255, 255, 255, 0.06); position: absolute; left: 0; bottom: 0; font-weight: bold; }

.Index .block.case .slide .swiper-slide .text img, .Index .block.case .slide .swiper-slide .img img { min-height: 550px; }

.Index .block.case .slide .tool { width: 50%; padding: 0 12.5%; display: flex; justify-content: space-between; align-items: center; position: absolute; left: 0; bottom: 45px; z-index: 1; }

.Index .block.case .slide .tool .swiper-pagination { width: auto; position: relative; bottom: 0; color: #fff; font-size: 18px; font-weight: bold; font-family: Arial; }

.Index .block.case .slide .tool .swiper-pagination .current { font-size: 24px; }

.Index .block.case .slide .tool .progress { width: 50%; height: 4px; background: rgba(242, 242, 242, 0.3); position: relative; overflow: hidden; }

.Index .block.case .slide .tool .progress:after { content: ""; width: 0; height: 100%; position: absolute; left: 0; top: 0; background: #fff; }

.Index .block.case .slide .tool .progress.active:after { animation: progressRun 8s linear; }

.Index .block.case .slide .tool .btns { text-align: center; }

.Index .block.case .slide .tool .btns .btn1 { width: 60px; height: 60px; line-height: 60px; display: inline-block; background: #fff; margin-left: 5px; cursor: pointer; transition: all .4s; }

.Index .block.case .slide .tool .btns .btn1 i { font-size: 22px; color: #36A430; }

.Index .block.case .slide .tool .btns .btn1:hover { opacity: 1; }

.Index .block.case .slide .tool .btns .btn1.swiper-button-disabled { opacity: .3; }

.neiBanner { width: 100%; height: auto; overflow: hidden; position: relative; }

.neiBanner img { width: 100%; }

.neiBanner .t { font-size: 48px; color: #fff; position: absolute; top: 40%; left: 0; right: 0; margin: auto; text-align: center; z-index: 1; }

.neiBanner .position { width: 100%; position: absolute; left: 0; bottom: 20px; z-index: 1; font-size: 14px; color: #fff; color: #fff; }

.neiBanner .position a { color: #fff; }

.neiTabs { height: auto; overflow: hidden; position: relative; padding-bottom: 3px; }

.neiTabs:after { content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 2px; z-index: 0; }

.neiTabs .item { padding-bottom: 10px; margin-right: 40px; font-size: 18px; color: #333333; display: block; float: left; position: relative; z-index: 1; }

.neiTabs .item:after { content: ""; width: 0; height: 3px; background: #36A430; position: absolute; left: 0; bottom: -2px; transition: all .4s; }

.neiTabs .item:hover, .neiTabs .item.active { color: #36A430; }

.neiTabs .item:hover:after, .neiTabs .item.active:after { width: 100%; }

.neiTabs1 { height: auto; overflow: hidden; position: relative; text-align: center; }

.neiTabs1 .item { width: 190px; height: 50px; line-height: 50px; font-size: 18px; color: #333333; background: #e9e9e9; display: inline-block; margin: 0 10px; }

.neiTabs1 .item:hover, .neiTabs1 .item.active { color: #fff; background: #36A430; }

/*page*/
.page { height: auto; overflow: hidden; text-align: center; margin: 1% 0 0; }

.page a { min-width: 32px; line-height: 32px; font-size: 14px; color: #7F7C7C; border: 1px solid #A0A0A0; text-align: center; display: inline-block; padding: 0 12px; margin: 0 4px; }

.page a:hover, .page a.active { background: #36A430; color: #fff; border-color: #36A430; }

.orderC { height: auto; overflow: hidden; text-align: center; }

.orderC form { height: auto; overflow: hidden; margin-top: 36px; }

.orderC form .row { display: inline-block; background: #f0f0f0; padding: 0 20px; margin: 0 5px; }

.orderC form .row span { font-size: 16px; line-height: 50px; }

.orderC form .row span i { color: #FF0000; }

.orderC form .row input { width: 200px; font-size: 16px; height: 50px; line-height: 50px; background: none; position: relative; top: -1px; }

.orderC form .row input.textarea { width: 300px; resize: none; overflow: hidden; }

.orderC .btn { display: block; width: 250px; height: 50px; line-height: 50px; background: #36A430; font-size: 16px; color: #fff; text-align: center; margin: 45px auto 0; }

.orderC1 { padding-bottom: 100px; }

.orderC1 form { margin-top: 36px; }

.orderC1 form .row { height: auto; overflow: hidden; margin-bottom: 30px; }

.orderC1 form .row span { width: 48%; font-size: 16px; padding: 0 20px; line-height: 50px; display: block; float: left; position: relative; background: #f1f1f1; }

.orderC1 form .row span i { color: #FF0000; }

.orderC1 form .row span.first { margin-right: 4%; }

.orderC1 form .row input { width: 160px; font-size: 16px; height: 50px; }

.orderC1 form .row.textarea span { width: 100%; }

.orderC1 form .row.textarea b { float: left; margin-top: 1px; }

.orderC1 form .row textarea { width: 90%; background: none; font-size: 14px; padding: 15px 0; height: 100px; resize: none; overflow: hidden; font-size: 16px; }

.orderC1 .btn { width: 250px; height: 50px; line-height: 50px; background: #36A430; font-size: 16px; color: #fff; text-align: center; margin: 45px auto 0; display: block; }

/*Product*/
.Product .tabs { height: auto; overflow: hidden; position: relative; background: #FAFAFA; }

.Product .tabs .item { font-size: 16px; line-height: 30px; color: #44403F; display: block; float: left; margin-right: 5%; padding: 30px 0; position: relative; }

.Product .tabs .item:after { content: ""; width: 0; height: 2px; background: #36A430; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; transition: all .4s; }

.Product .tabs .item.active, .Product .tabs .item:hover { color: #36A430; font-weight: bold; }

.Product .tabs .item.active:after, .Product .tabs .item:hover:after { width: 40px; }

.Product .list { height: auto; overflow: hidden; padding: 50px 0 90px; }

.Product .list ul { height: auto; display: flex; flex-wrap: wrap; }

.Product .list ul li { width: 25%; position: relative; z-index: 0; cursor: pointer; margin-bottom: 20px; transition: all .4s; }

.Product .list ul li .box { height: auto; overflow: hidden; padding: 10px; }

.Product .list ul li .img { height: auto; overflow: hidden; padding: 30px; position: relative; }

.Product .list ul li .img img { max-width: 100%; display: block; margin: 0 auto; }

.Product .list ul li .img .btns { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; background: rgba(54, 165, 47, 0.8); opacity: 0; transition: all .4s; }

.Product .list ul li .img .btns a { width: 170px; line-height: 44px; border: 1px solid #fff; display: block; margin: 0 auto; text-align: center; font-size: 16px; color: #fff; margin-bottom: 20px; }

.Product .list ul li .img .btns a:first-child { margin-top: 20%; }

.Product .list ul li .img .btns a:last-child { background: #fff; color: #36A430; }

.Product .list ul li .text { height: auto; overflow: hidden; background: #fff; padding: 20px; display: block; }

.Product .list ul li .text h2 { font-size: 18px; color: #000; font-weight: bold; margin-bottom: 15px; }

.Product .list ul li .text p { font-size: 14px; color: #333333; margin-bottom: 5px; }

.Product .list ul li .text p b { font-weight: bold; }

.Product .list ul li:hover { box-shadow: 0px 3px 12px rgba(128, 128, 128, 0.16); z-index: 1; }

.Product .list ul li:hover .btns { opacity: 1; }

.Product .list ul li:hover .text h2 { color: #36A430; }

/*ProductXq*/
.ProductXq .content .container { margin: 0 auto; max-width: 1400px; padding: 0 4%; }

.ProductXq .content .NavScroll { width: 100%; height: auto; background: #fff; position: relative; }

.ProductXq .content .NavScroll a { line-height: 50px; padding: 0 25px; font-size: 18px; color: #333333; display: block; float: left; position: relative; z-index: 1; }

.ProductXq .content .NavScroll a.active, .ProductXq .content .NavScroll a:hover { background: #36A430; color: #fff; }

.ProductXq .content .NavScroll a.btn { Line-height: 50px; padding: 0 25px; background: #F99D23; font-size: 18px; color: #fff; text-align: center; display: block; float: right; position: relative; z-index: 1; cursor: pointer; }

.ProductXq .content .NavScroll a.btn i { font-size: 26px; margin-right: 10px; vertical-align: -3px; }

.ProductXq .content .NavScroll a.btn.active, .ProductXq .content .NavScroll a.btn:hover { background: #F99D23; }

.ProductXq .content .NavScroll:after { content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0; z-index: 0; }

.ProductXq .content .NavScroll.fixed { position: fixed; left: 0; top: 0; z-index: 11; }

.ProductXq .content .info { height: auto; overflow: hidden; padding: 50px 0; }

.ProductXq .content .info h1 { font-size: 36px; color: #333333; font-weight: bold; line-height: 36px; margin-bottom: 15px; }

.ProductXq .content .info h1 span { font-size: 18px; font-weight: normal; }

.ProductXq .content .info ul { height: auto; overflow: hidden; }

.ProductXq .content .info ul li { height: auto; overflow: hidden; float: left; position: relative; padding-right: 50px; margin-right: 50px; }

.ProductXq .content .info ul li h2 { font-size: 24px; color: #333333; margin-bottom: 5px; }

.ProductXq .content .info ul li p { font-size: 14px; color: #333333; }

.ProductXq .content .info ul li:after { content: ""; width: 1px; height: 100%; background: #bbb; position: absolute; right: 0; top: 0; }

.ProductXq .content .info ul li:last-child { padding: 0; margin: 0; }

.ProductXq .content .info ul li:last-child:after { display: none; }

.ProductXq .content .block { height: auto; overflow: hidden; }

.ProductXq .content .block .title { font-size: 36px; color: #333333; text-align: center; font-weight: 300; margin-bottom: 40px; }

.ProductXq .content .block .title span { width: 60px; height: 1px; background: #ddd; display: inline-block; margin: 0 30px; position: relative; top: -10px; }

.ProductXq .content .block.gailan { margin-bottom: 70px; }

.ProductXq .content .block.gailan .bigSlide { margin: 30px auto 0; position: relative; }

.ProductXq .content .block.gailan .bigSlide .slide { width: 74%; max-width: 980px; overflow: hidden; margin: 0 auto; }

.ProductXq .content .block.gailan .bigSlide .slide img { margin: 0 auto; width: 100%; }

.ProductXq .content .block.gailan .bigSlide .swiper-next, .ProductXq .content .block.gailan .bigSlide .swiper-prev { position: absolute; left: 0; top: 50%; z-index: 1; cursor: pointer; }

.ProductXq .content .block.gailan .bigSlide .swiper-next i, .ProductXq .content .block.gailan .bigSlide .swiper-prev i { font-size: 60px; color: #e9e9e9; }

.ProductXq .content .block.gailan .bigSlide .swiper-next { left: auto; right: 0; }

.ProductXq .content .block.gailan .smallSlide { width: 74%; margin: 30px auto 0; overflow: hidden; }

.ProductXq .content .block.gailan .smallSlide img { width: 100%; }

.ProductXq .content .block.gailan .smallSlide .swiper-slide { border: 1px solid #eee; cursor: pointer; }

.ProductXq .content .block.gailan .smallSlide .swiper-slide.swiper-slide-thumb-active { border-color: #36A430; }

.ProductXq .content .block.youshi .section .line { width: 80px !important; }

.ProductXq .content .block.case .box { height: auto; overflow: hidden; position: relative; }

.ProductXq .content .block.case .box img { width: 100%; }

.ProductXq .content .block.case .box .listBox { width: 100%; height: 100%; position: absolute; left: 0; top: 20%; }

.ProductXq .content .block.case .box .listBox .list { margin: 0 -20px; }

.ProductXq .content .block.case .box .listBox .item { width: 33.3333%; float: left; }

.ProductXq .content .block.case .box .listBox .item a { display: block; padding: 0 20px; }

.ProductXq .content .block.case .box .listBox .item .img { overflow: hidden; }

.ProductXq .content .block.case .box .listBox .item h2 { line-height: 58px; font-size: 18px; color: #000; background: #fff; padding: 0 20px; }

.ProductXq .content .block.case .box .listBox .item:first-child { margin: 0; }

.ProductXq .content .block.case .box .listBox .item:hover img { transform: scale(1.1); }

.ProductXq .content .block.canshu { margin: 70px 0 80px; }

.ProductXq .content .block.canshu img { width: 100%; }

.ProductXq .content .block.canshu .table { width: 100%; height: auto; overflow: hidden; border-collapse: collapse; border: 1px solid #ccc; margin-top: 30px; }

.ProductXq .content .block.canshu .table tr { height: auto; overflow: hidden; }

.ProductXq .content .block.canshu .table tr th { height: 70px; font-size: 20px; color: #000; background: #eee; }

.ProductXq .content .block.canshu .table tr td { height: 70px; padding: 0 50px; border: 1px solid #ccc; font-size: 16px; }

.ProductXq .content .block.canshu .table tr td:first-child { font-weight: bold; }

.ProductXq .content .block.canshu .table tr:nth-child(odd) { background: #F8FAF4; }

.ProductXq .content .block.canshu .statement { margin-top: 40px; }

.ProductXq .content .block.canshu .statement em { display: block; margin-bottom: 10px; font-size: 16px; }

.ProductXq .content .block.canshu .statement em i { color: #D30000; display: inline-block; margin-right: 5px; }

.ProductXq .content .block.canshu .statement p { line-height: 22px; color: #666; font-size: 14px; padding-left: 15px; }

/* ProductXq1 */
.ProductXq1 .content { padding: 0; }

.ProductXq1 .container { width: 87.5%; margin: 0 auto; }

.ProductXq1 .container:before, .ProductXq1 .container:after { display: none; }

.ProductXq1 .header { position: fixed; }

.ProductXq1 .car-header { width: 100%; padding: 0.15rem 0; position: fixed; left: 0; top: 0; z-index: 26; background: rgba(0, 0, 0, 0.7); transform: translateY(-100%); transition: all .4s; }

.ProductXq1 .car-header .container { width: 87.5%; display: flex; justify-content: space-between; align-items: center; }

.ProductXq1 .car-header .left { display: flex; color: #fff; }

.ProductXq1 .car-header .left .pname { font-size: 0.18rem; font-family: "SourceHanSans-Bold"; }

.ProductXq1 .car-header .left .pprice { font-size: 0.16rem; margin-left: 0.4rem; }

.ProductXq1 .car-header .right { display: flex; }

.ProductXq1 .car-header .right .btn { width: auto; height: 0.4rem; font-size: 0.16rem; color: #fff; padding: 0 0.18rem; border: 1px solid #fff; border-radius: 0.5rem; position: relative; display: flex; align-items: center; margin: 0; margin-left: 0.2rem; }

.ProductXq1 .car-header .right .btn:hover { background: #fff; border-color: #fff; color: #000; }

.ProductXq1 .car-header.active { transform: translateY(0); }

.ProductXq1 .neiBanner { overflow: hidden; position: relative; }

.ProductXq1 .neiBanner .img { width: 100%; }

.ProductXq1 .neiBanner .t { top: 20%; }

.ProductXq1 .neiBanner .t h2 { font-size: 0.48rem; font-family: "SourceHanSans-Bold"; text-shadow: 0 0.05rem 0.12rem rgba(54, 144, 255, 0.4); }

.ProductXq1 .neiBanner .t h3 { font-size: 0.3rem; margin-top: 0.1rem; text-shadow: 0 0.05rem 0.12rem rgba(54, 144, 255, 0.4); }

.ProductXq1 .neiBanner .tt { font-size: 0.3rem; color: #fff; text-align: center; position: absolute; left: 0; right: 0; bottom: 10%; margin: auto; }

.ProductXq1 .neiBanner .icon-dropdown { width: 0.5rem; font-size: 0.5rem; color: #fff; position: absolute; left: 0; right: 0; bottom: 0.3rem; margin: 0 auto; animation: mouseMove 1.5s infinite alternate; }

.ProductXq1 .section { position: relative; }

.ProductXq1 .section .title { font-size: 0.48rem; font-family: "SourceHanSans-Bold"; text-align: center; margin-bottom: 0.6rem; }

.ProductXq1 .appearance { padding: 0.8rem 0; background: url(../images/productxq1/waiguan-bg.jpg) no-repeat top/cover; }

.ProductXq1 .appearance .slide { width: 11.2rem; overflow: hidden; position: relative; margin: 0.4rem auto 0; }

.ProductXq1 .appearance .slide .swiper-slide img { width: 100%; }

.ProductXq1 .appearance .btn-prev, .ProductXq1 .appearance .btn-next { width: 0.64rem; height: 0.71rem; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; }

.ProductXq1 .appearance .btn-prev.btn-prev, .ProductXq1 .appearance .btn-next.btn-prev { left: 6.25%; background: url(../images/productxq1/btn-prev.png) no-repeat center/100%; }

.ProductXq1 .appearance .btn-prev.btn-next, .ProductXq1 .appearance .btn-next.btn-next { right: 6.25%; background: url(../images/productxq1/btn-next.png) no-repeat center/100%; }

.ProductXq1 .appearance .btn-prev.swiper-button-disabled, .ProductXq1 .appearance .btn-next.swiper-button-disabled { opacity: .5; }

.ProductXq1 .appearance .btns { display: flex; align-items: center; justify-content: center; }

.ProductXq1 .appearance .btns a { width: 2.4rem; height: 0.7rem; font-size: 0.24rem; color: #000; display: flex; align-items: center; justify-content: center; border: 1px solid #000; border-radius: 0.5rem; margin: 0.3rem 0.2rem 0.1rem; }

.ProductXq1 .appearance .btns a i { font-size: 0.3rem; margin-left: 0.05rem; transition: all .4s; }

.ProductXq1 .appearance .btns a:hover { background: #000; color: #fff; }

.ProductXq1 .appearance .btns a:hover i { color: #fff; }

.ProductXq1 .video img { width: 100%; display: block; }

.ProductXq1 .video .box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; }

.ProductXq1 .video .box .iconfont { font-size: 0.8rem; color: #fff; }

.ProductXq1 .video .box h3 { font-size: 0.3rem; color: #fff; margin-top: 0.15rem; }

.ProductXq1 .feature .guide { position: relative; }

.ProductXq1 .feature .guide:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; }

.ProductXq1 .feature .guide .bg { width: 100%; }

.ProductXq1 .feature .guide ul { width: 100%; position: absolute; left: 0; bottom: 0.6rem; display: flex; align-items: center; }

.ProductXq1 .feature .guide ul li { flex: 1; text-align: center; cursor: pointer; }

.ProductXq1 .feature .guide ul li img { width: 1.4rem; margin: 0 auto; }

.ProductXq1 .feature .guide ul li h2 { font-size: 0.16rem; color: #fff; margin-top: 0.1rem; }

.ProductXq1 .feature .block { height: auto; overflow: hidden; position: relative; }

.ProductXq1 .feature .block .big-img { position: relative; }

.ProductXq1 .feature .block .big-img img { width: 100%; }

.ProductXq1 .feature .block .title-box { width: 100%; position: absolute; left: 0; top: 0.85rem; text-align: center; }

.ProductXq1 .feature .block .title-box h2 { font-size: 0.48rem; color: #fff; font-family: "SourceHanSans-Bold"; }

.ProductXq1 .feature .block .title-box h3 { font-size: 0.18rem; color: #fff; margin: 0.1rem auto 0; }

.ProductXq1 .feature .block .h3h4 { width: 100%; padding-top: 1.2rem; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; }

.ProductXq1 .feature .block .h3h4:before { content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.6) 100%); position: absolute; left: 0; bottom: 0; }

.ProductXq1 .feature .block .h3h4 .list1 { margin-bottom: 0.6rem; position: relative; z-index: 1; float: right; }

.ProductXq1 .feature .block .h3h4 .list1 .item { color: #fff; text-align: right; }

.ProductXq1 .feature .block .h3h4 .list1 .item h3 { font-size: 0.16rem; }

.ProductXq1 .feature .block .h3h4 .list1 .item h4 { font-size: 0.5rem; font-weight: bold; line-height: 1.1; }

.ProductXq1 .feature .block .h3h4 .list1 .item.text-l { text-align: left; }

.ProductXq1 .feature .block .h3h4 .list2 { margin-bottom: 0.6rem; display: flex; justify-content: space-around; }

.ProductXq1 .feature .block .h3h4 .list2 .item { color: #fff; text-align: right; }

.ProductXq1 .feature .block .h3h4 .list2 .item h3 { font-size: 0.16rem; }

.ProductXq1 .feature .block .h3h4 .list2 .item h4 { font-size: 0.5rem; font-weight: bold; line-height: 1.1; }

.ProductXq1 .feature .block .h3h4 .list2 .item h4 span { font-size: 0.16rem; }

.ProductXq1 .feature .block .h3h4.h3h4-text ul { display: flex; justify-content: space-around; margin-bottom: 0.6rem; }

.ProductXq1 .feature .block .h3h4.h3h4-text ul li { margin-left: 0.6rem; color: #fff; }

.ProductXq1 .feature .block .h3h4.h3h4-text ul li h3 { font-size: 0.24rem; margin: 0.1rem 0; }

.ProductXq1 .feature .block .h3h4.h3h4-text ul li p { font-size: 0.16rem; line-height: 1.875; }

.ProductXq1 .feature .block .h3h4.h3h4-text ul li:first-child { margin-left: 0; }

.ProductXq1 .feature .block .img-text-list { margin: 0.8rem 0 1rem; }

.ProductXq1 .feature .block .img-text-list .container { display: flex; flex-wrap: wrap; justify-content: space-between; }

.ProductXq1 .feature .block .img-text-list .container .item { width: 48.1%; margin-top: 0.2rem; }

.ProductXq1 .feature .block .img-text-list .container .item .img { overflow: hidden; }

.ProductXq1 .feature .block .img-text-list .container .item .img img { width: 100%; transition: all .4s; }

.ProductXq1 .feature .block .img-text-list .container .item .img:hover img { transform: scale(1.05); }

.ProductXq1 .feature .block .img-text-list .container .item .text { padding: 0.35rem 0; }

.ProductXq1 .feature .block .img-text-list .container .item .text h3 { font-size: 0.24rem; color: #333; line-height: 1.5; font-family: "SourceHanSans-Medium"; }

.ProductXq1 .feature .block .img-text-list .container .item .text p { font-size: 0.16rem; color: #333; line-height: 1.8; margin-top: 0.05rem; }

.ProductXq1 .feature .block .img-text-list .container .item:nth-child(even) { display: flex; flex-direction: column-reverse; }

.ProductXq1 .feature .block .img-text-list1 { margin: 0.8rem 0 1rem; }

.ProductXq1 .feature .block .img-text-list1 .container { display: flex; }

.ProductXq1 .feature .block .img-text-list1 .container .item { flex: 1; margin-top: 0.2rem; margin-left: 3.5%; }

.ProductXq1 .feature .block .img-text-list1 .container .item .img { overflow: hidden; }

.ProductXq1 .feature .block .img-text-list1 .container .item .img img { width: 100%; transition: all .4s; }

.ProductXq1 .feature .block .img-text-list1 .container .item .img:hover img { transform: scale(1.05); }

.ProductXq1 .feature .block .img-text-list1 .container .item .text { padding-top: 0.35rem; }

.ProductXq1 .feature .block .img-text-list1 .container .item .text h3 { font-size: 0.24rem; color: #333; line-height: 1.5; font-family: "SourceHanSans-Medium"; }

.ProductXq1 .feature .block .img-text-list1 .container .item .text p { font-size: 0.16rem; color: #333; line-height: 1.8; margin-top: 0.05rem; }

.ProductXq1 .feature .block .img-text-list1 .container .item:first-child { margin-left: 0; }

.ProductXq1 .feature .block .img-text-slide { margin: 0.8rem 0 1rem; --swiper-theme-color: #3E3A39; --swiper-navigation-size: 0.6rem; }

.ProductXq1 .feature .block .img-text-slide .slide { width: 71%; margin: 0 auto; position: relative; padding-bottom: 0.6rem; overflow: hidden; }

.ProductXq1 .feature .block .img-text-slide .slide .swiper-slide .img { overflow: hidden; }

.ProductXq1 .feature .block .img-text-slide .slide .swiper-slide .img img { width: 100%; }

.ProductXq1 .feature .block .img-text-slide .slide .swiper-slide .text { padding-top: 0.3rem; text-align: center; }

.ProductXq1 .feature .block .img-text-slide .slide .swiper-slide .text h3 { font-size: 0.24rem; color: #333; line-height: 1.5; font-family: "SourceHanSans-Medium"; }

.ProductXq1 .feature .block .img-text-slide .slide .swiper-slide .text p { font-size: 0.16rem; color: #333; line-height: 1.8; margin-top: 0.05rem; }

.ProductXq1 .feature .block .img-text-slide .swiper-button-prev, .ProductXq1 .feature .block .img-text-slide .swiper-button-next { top: 38%; }

.ProductXq1 .feature .block .img-text-slide .swiper-pagination { bottom: 0; }

.ProductXq1 .feature .block .img-text-slide .swiper-pagination-bullet { width: 0.3rem; height: 0.03rem; background: #333; border-radius: 0; }

.ProductXq1 .feature .fuwu .box { background: #F5F5F5; padding: 0.6rem 0 0.9rem; }

.ProductXq1 .feature .fuwu .box .st { font-size: 0.24rem; text-align: center; }

.ProductXq1 .feature .fuwu .box ul { display: flex; flex-wrap: wrap; margin-top: 0.35rem; }

.ProductXq1 .feature .fuwu .box ul li { flex: 1; margin-left: 3.5%; background: #fff; padding: 1.2rem 0.3rem; text-align: center; }

.ProductXq1 .feature .fuwu .box ul li img { width: 0.6rem; margin: 0 auto 0.1rem; display: block; }

.ProductXq1 .feature .fuwu .box ul li h3 { font-size: 0.24rem; color: #333; font-family: "SourceHanSans-Medium"; }

.ProductXq1 .feature .fuwu .box ul li p { font-size: 0.16rem; color: #333; line-height: 1.8; margin-top: 0.05rem; }

.ProductXq1 .arguments { padding-top: 1.2rem; background: url(../images/productxq1/arguments-bg.jpg) no-repeat top/100%; }

.ProductXq1 .arguments .title { color: #fff; margin-bottom: 1.2rem; }

.ProductXq1 .arguments .box { padding: 0.9rem; background: #fff; box-shadow: 0 0.06rem 0.18rem 1px rgba(185, 185, 185, 0.16); }

.ProductXq1 .arguments .box .t { font-size: 0.3rem; color: #000; text-align: center; font-family: "SourceHanSans-Bold"; }

.ProductXq1 .arguments .box ul { width: 80%; display: flex; justify-content: center; margin: 0.65rem auto 0; }

.ProductXq1 .arguments .box ul li { flex: 1; text-align: center; padding: 0 0.5rem; position: relative; }

.ProductXq1 .arguments .box ul li:before { content: ""; width: 1px; height: 100%; background: linear-gradient(180deg, transparent 0%, #000000 50%, transparent 100%); position: absolute; left: 0; top: 0; opacity: .3; }

.ProductXq1 .arguments .box ul li h4 { font-size: 0.18rem; color: #000; }

.ProductXq1 .arguments .box ul li h3 { font-size: 0.3rem; color: #000; font-family: "SourceHanSans-Bold"; margin-top: 0.2rem; }

.ProductXq1 .arguments .box ul li:first-child:before { display: none; }

.ProductXq1 .arguments .box .btn { width: 3rem; height: 0.7rem; font-size: 0.24rem; color: #000; display: flex; align-items: center; justify-content: center; border: 1px solid #000; border-radius: 0.5rem; margin: 0.6rem auto 0; transition: all .4s; cursor: pointer; }

.ProductXq1 .arguments .box .btn i { font-size: 0.3rem; margin-left: 0.05rem; transition: all .4s; }

.ProductXq1 .arguments .box .btn:hover { background: #000; color: #fff; }

.ProductXq1 .arguments .box .btn:hover i { color: #fff; }

.ProductXq1 .arguments .box .table-box { display: none; }

.ProductXq1 .arguments .box .table-box .table { width: 100%; overflow: hidden; margin-top: 0.5rem; }

.ProductXq1 .arguments .box .table-box .table table { width: 100% !important; height: auto; overflow: hidden; border-collapse: collapse; border: 1px solid #ccc !important; margin: 0 auto; table-layout: inherit !important; }

.ProductXq1 .arguments .box .table-box .table table td { padding: 0.15rem 0.2rem; border: 1px solid #ccc !important; font-size: 0.16rem !important; }

.ProductXq1 .arguments .box .table-box .table::-webkit-scrollbar { width: 0.1rem; height: 0.1rem; background-color: #eee; cursor: pointer; }

.ProductXq1 .arguments .box .table-box .table::-webkit-scrollbar-thumb { background-color: #4367f5; border-radius: 0.04rem; cursor: pointer; }

.ProductXq1 .arguments .box .table-box .statement { margin-top: 0.4rem; }

.ProductXq1 .arguments .box .table-box .statement em { display: block; margin-bottom: 0.1rem; font-size: 0.16rem; }

.ProductXq1 .arguments .box .table-box .statement em i { color: #D30000; display: inline-block; margin-right: 0.05rem; }

.ProductXq1 .arguments .box .table-box .statement p { line-height: 0.22rem; color: #666; font-size: 0.14rem; padding-left: 0.15rem; }

.ProductXq1 .order { background: #F3F3F3; margin-top: 1.2rem; display: flex; justify-content: space-between; flex-wrap: wrap; }

.ProductXq1 .order .left, .ProductXq1 .order .right { width: 50%; }

.ProductXq1 .order .left img, .ProductXq1 .order .right img { width: 100%; }

.ProductXq1 .order .left { padding: 1.2rem; }

.ProductXq1 .order .left .title { text-align: left; }

.ProductXq1 .order .left form { height: auto; overflow: hidden; }

.ProductXq1 .order .left form .row { height: 0.65rem; border-bottom: 1px solid #333; margin-top: 0.25rem; position: relative; }

.ProductXq1 .order .left form .row i { font-size: 0.22rem; color: #333; position: absolute; right: 0; top: 0.22rem; }

.ProductXq1 .order .left form .row input { width: 100%; font-size: 0.18rem; height: 0.65rem; }

.ProductXq1 .order .left form .row select { width: 100%; font-size: 0.18rem; height: 0.6rem; background: none; border: none; position: absolute; left: 0; top: 0; appearance: none; -webkit-appearance: none; }

.ProductXq1 .order .left form .agree { font-size: 0.18rem; color: #000; display: flex; align-items: center; margin-top: 0.5rem; }

.ProductXq1 .order .left form .agree .icon { width: 0.29rem; height: 0.29rem; background: url(../images/productxq1/agree.png) no-repeat center/100%; margin-right: 0.1rem; cursor: pointer; }

.ProductXq1 .order .left form .agree .icon.active { background: url(../images/productxq1/agree1.png) no-repeat center/100%; }

.ProductXq1 .order .left form .agree span { font-weight: bold; cursor: pointer; }

.ProductXq1 .order .left form .btn { width: 2.6rem; height: 0.7rem; font-size: 0.3rem; color: #000; font-family: "SourceHanSans-Bold"; display: flex; align-items: center; justify-content: center; border: 1px solid #000; border-radius: 0.5rem; margin: 0.6rem 0 0; transition: all .4s; cursor: pointer; }

.ProductXq1 .order .left form .btn:hover { background: #000; color: #fff; }

.ProductXq1 .order .left form .btn:hover i { color: #fff; }

.ProductXq1 .agreement { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; top: 0; z-index: 100; display: none; }

.ProductXq1 .agreement .iconfont { font-size: 0.46rem; color: #bbb; position: absolute; left: 50%; bottom: 0.4rem; transform: translateX(-50%); cursor: pointer; }

.ProductXq1 .agreement .box { width: 60%; height: 75%; padding: 0.6rem; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 0.12rem; overflow: auto; }

.ProductXq1 .agreement .box p { font-size: 0.18rem; line-height: 0.3rem; }

.fancybox-slide { padding: 0 !important; }

.fancybox-content { width: 100%; height: 100% !important; }

/*Technology*/
.Technology .main { height: auto; overflow: hidden; padding: 60px 0 110px; }

.Technology .main .list { height: auto; overflow: hidden; margin: 0 -13px; }

.Technology .main .list li { float: left; padding: 0 13px; }

.Technology .main .list li .box { height: auto; overflow: hidden; position: relative; display: block; }

.Technology .main .list li .box img { width: 100%; }

.Technology .main .list li .box h2 { width: 100%; position: absolute; left: 20px; bottom: 20px; font-size: 24px; color: #fff; transition: all .4s; }

.Technology .main .list li .box h2 i { font-size: 24px; }

.Technology .main .list li:hover img { transform: scale(1.1); }

.Technology .main .list.list3 li { width: 33.3333%; }

.Technology .main .list.list2 { margin-top: 26px; margin-bottom: 26px; }

.Technology .main .list.list2 li { width: 50%; }

.Technology .main .list.list1 li { width: 100%; }

/*TechnologyZn*/
.TechnologyZn .main { height: auto; overflow: hidden; padding: 100px 0 110px; }

.TechnologyZn .main .info { height: auto; overflow: hidden; text-align: center; }

.TechnologyZn .main .info .title { font-size: 34px; color: #333; margin-bottom: 25px; }

.TechnologyZn .main .info p { width: 70%; font-size: 16px; color: #666; line-height: 32px; margin: 0 auto; }

.TechnologyZn .main .block { height: auto; overflow: hidden; margin-top: 120px; }

.TechnologyZn .main .block .title { font-size: 30px; color: #333; margin-bottom: 25px; position: relative; text-align: center; }

.TechnologyZn .main .block .title span { background: #fff; padding: 0 20px; position: relative; z-index: 1; }

.TechnologyZn .main .block .title:after { content: ""; width: 100%; height: 1px; background: #dadada; position: absolute; left: 0; top: 25px; z-index: 0; }

.TechnologyZn .main .block.block1 ul { width: 80%; height: auto; overflow: hidden; margin: 0 auto; padding-top: 40px; }

.TechnologyZn .main .block.block1 ul li { width: 20%; float: left; }

.TechnologyZn .main .block.block1 ul li .icon { width: 50px; margin: 0 auto; display: block; }

.TechnologyZn .main .block.block1 ul li .text { height: auto; overflow: hidden; width: 86%; margin: 0 auto; }

.TechnologyZn .main .block.block1 ul li .text h2 { font-size: 18px; padding-bottom: 15px; margin: 20px 0 25px; position: relative; text-align: center; }

.TechnologyZn .main .block.block1 ul li .text h2:after { content: ""; width: 50px; height: 1px; background: #36A430; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }

.TechnologyZn .main .block.block1 ul li .text p { font-size: 15px; line-height: 30px; }

.TechnologyZn .main .block.block2 .container { width: 70%; height: auto; overflow: hidden; margin: 0 auto; padding-top: 40px; }

.TechnologyZn .main .block.block2 .container .img-box-fl img { margin-bottom: 20px; }

.TechnologyZn .main .block.block2 .container .img-box-fl p { font-size: 15px; color: #333; line-height: 30px; background: url(../images/technology-zn/anruitong-list-icon.jpg) 0 center no-repeat; padding-left: 30px; }

.TechnologyZn .main .block.block3 img { display: block; margin: 0 auto; }

/*TechnologyJs*/
.TechnologyJs .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.TechnologyJs .main .info { height: auto; overflow: hidden; text-align: center; }

.TechnologyJs .main .info .title { font-size: 34px; color: #333; margin-bottom: 25px; }

.TechnologyJs .main .info p { width: 70%; font-size: 16px; color: #666; line-height: 32px; margin: 0 auto; }

.TechnologyJs .main .block { height: auto; overflow: hidden; margin-top: 100px; }

.TechnologyJs .main .block .title { font-size: 30px; color: #333; margin-bottom: 25px; position: relative; text-align: center; }

.TechnologyJs .main .block .title span { background: #fff; padding: 0 20px; position: relative; z-index: 1; }

.TechnologyJs .main .block .title:after { content: ""; width: 100%; height: 1px; background: #dadada; position: absolute; left: 0; top: 25px; z-index: 0; }

.TechnologyJs .main .block .st { font-size: 16px; color: #333; text-align: center; }

.TechnologyJs .main .block.block1 { margin-top: 60px; }

.TechnologyJs .main .block.block1 ul { height: auto; overflow: hidden; margin: 30px -10px 0; }

.TechnologyJs .main .block.block1 ul li { width: 25%; padding: 0 10px; float: left; }

.TechnologyJs .main .block.block1 ul li img { width: 100%; }

.TechnologyJs .main .block.block1 ul li h2 { font-size: 24px; color: #333; margin: 10px 0; }

.TechnologyJs .main .block.block1 ul li p { font-size: 16px; color: #666; line-height: 24px; }

.TechnologyJs .main .block.block2 .st { margin-bottom: 45px; }

.TechnologyJs .main .block.block2 .imgText { height: auto; overflow: hidden; }

.TechnologyJs .main .block.block2 .imgText .img, .TechnologyJs .main .block.block2 .imgText .text { width: 50%; overflow: hidden; }

.TechnologyJs .main .block.block2 .imgText .img img, .TechnologyJs .main .block.block2 .imgText .text img { width: 100%; }

.TechnologyJs .main .block.block2 .imgText .img h2, .TechnologyJs .main .block.block2 .imgText .text h2 { font-size: 30px; color: #333; margin-bottom: 15px; }

.TechnologyJs .main .block.block2 .imgText .img h3, .TechnologyJs .main .block.block2 .imgText .text h3 { font-size: 20px; color: #333; margin-bottom: 20px; }

.TechnologyJs .main .block.block2 .imgText .img p, .TechnologyJs .main .block.block2 .imgText .text p { font-size: 16px; color: #999; line-height: 26px; }

.TechnologyJs .main .block.block2 .imgText .text { padding: 8% 5% 0; }

/*TechnologyXny*/
.TechnologyXny .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.TechnologyXny .main .block { height: auto; overflow: hidden; margin-top: 100px; }

.TechnologyXny .main .block .title { font-size: 30px; color: #333; margin-bottom: 25px; position: relative; text-align: center; }

.TechnologyXny .main .block .title span { background: #fff; padding: 0 20px; position: relative; z-index: 1; }

.TechnologyXny .main .block .title:after { content: ""; width: 100%; height: 1px; background: #dadada; position: absolute; left: 0; top: 25px; z-index: 0; }

.TechnologyXny .main .block.block1 .left { width: 50%; }

.TechnologyXny .main .block.block1 .left img { width: 100%; }

.TechnologyXny .main .block.block1 .right { width: 50%; position: relative; }

.TechnologyXny .main .block.block1 .right .bg img { width: 100%; }

.TechnologyXny .main .block.block1 .right .text { width: 45%; position: absolute; left: 20%; top: 30%; }

.TechnologyXny .main .block.block1 .right .text .t { font-size: 18px; line-height: 20px; margin-bottom: 30px; }

.TechnologyXny .main .block.block1 .right .text .t span { font-size: 30px; }

.TechnologyXny .main .block.block1 .right .text .t s { color: #8a8a8a; }

.TechnologyXny .main .block.block1 .right .text p { font-size: 16px; line-height: 28px; color: #333; }

.TechnologyXny .main .block.block2 img { width: 100%; transition: all .4s; }

.TechnologyXny .main .block.block2 ul { margin: 100px -10px 0; }

.TechnologyXny .main .block.block2 ul li { width: 33.3333%; float: left; padding: 0 10px; }

.TechnologyXny .main .block.block2 ul li .img { overflow: hidden; position: relative; }

.TechnologyXny .main .block.block2 ul li .text { position: absolute; left: 10%; top: 10%; }

.TechnologyXny .main .block.block2 ul li .text p { font-size: 18px; line-height: 28px; color: #fff; }

.TechnologyXny .main .block.block2 ul li .t { font-size: 30px; padding: 20px 0; }

.TechnologyXny .main .block.block2 ul li .t s { color: #8a8a8a; font-size: 14px; vertical-align: 2px; }

.TechnologyXny .main .block.block2 ul li .t span { font-size: 18px; vertical-align: 4px; }

.TechnologyXny .main .block.block2 ul li:hover img { transform: scale(1.05); }

.TechnologyXny .main .block.block3, .TechnologyXny .main .block.block6 { height: 700px; position: relative; }

.TechnologyXny .main .block.block3 .video, .TechnologyXny .main .block.block6 .video { z-index: 2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; overflow: hidden; }

.TechnologyXny .main .block.block3 .video .video_overMain, .TechnologyXny .main .block.block6 .video .video_overMain { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.TechnologyXny .main .block.block3 .video .video_overMain .video-js, .TechnologyXny .main .block.block6 .video .video_overMain .video-js { width: 100%; height: 700px !important; position: absolute; left: 0; top: 0; }

.TechnologyXny .main .block.block3 .video .video_overMain .video-js video, .TechnologyXny .main .block.block6 .video .video_overMain .video-js video { position: absolute; }

.TechnologyXny .main .block.block3 .bgimg, .TechnologyXny .main .block.block6 .bgimg { z-index: 3; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/technologyxny/re_img11.jpg") no-repeat center center; background-size: cover; }

.TechnologyXny .main .block.block3 .bgshow, .TechnologyXny .main .block.block6 .bgshow { z-index: 4; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../images/technologyxny/iconBgVideo.png") repeat; }

.TechnologyXny .main .block.block3 .banner, .TechnologyXny .main .block.block6 .banner { z-index: 5; overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

.TechnologyXny .main .block.block3 .banner .swiper-wrapper, .TechnologyXny .main .block.block6 .banner .swiper-wrapper { height: 100%; width: 100%; position: relative; }

.TechnologyXny .main .block.block3 .banner .swiper-slide, .TechnologyXny .main .block.block6 .banner .swiper-slide { width: 100%; overflow: hidden; position: relative; height: 100%; }

.TechnologyXny .main .block.block3 .banner .swiper-slide a, .TechnologyXny .main .block.block6 .banner .swiper-slide a { display: block; }

.TechnologyXny .main .block.block3 .banner .swiper-slide img, .TechnologyXny .main .block.block6 .banner .swiper-slide img { display: block; position: absolute; left: 87px; top: 0; }

.TechnologyXny .main .block.block3 .banner .swiper-slide .text, .TechnologyXny .main .block.block6 .banner .swiper-slide .text { width: 100%; position: absolute; left: 0; top: 38%; text-align: center; }

.TechnologyXny .main .block.block3 .banner .swiper-slide .text h2, .TechnologyXny .main .block.block6 .banner .swiper-slide .text h2 { font-size: 30px; color: #fff; margin-bottom: 20px; position: relative; padding-bottom: 20px; }

.TechnologyXny .main .block.block3 .banner .swiper-slide .text h2:after, .TechnologyXny .main .block.block6 .banner .swiper-slide .text h2:after { content: ""; width: 50px; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; }

.TechnologyXny .main .block.block3 .banner .swiper-slide .text p, .TechnologyXny .main .block.block6 .banner .swiper-slide .text p { font-size: 18px; color: #fff; line-height: 28px; }

.TechnologyXny .main .block.block3 .banner .swiper-pagination, .TechnologyXny .main .block.block6 .banner .swiper-pagination { bottom: 80px; }

.TechnologyXny .main .block.block3 .banner .swiper-pagination-bullet, .TechnologyXny .main .block.block6 .banner .swiper-pagination-bullet { width: 50px; height: 3px; margin: 0 3px; border-radius: 0; }

.TechnologyXny .main .block.block3 .banner .swiper-pagination-bullet-active, .TechnologyXny .main .block.block6 .banner .swiper-pagination-bullet-active { background: #36A430; }

.TechnologyXny .main .block.block3 .banner .btnPrev, .TechnologyXny .main .block.block3 .banner .btnNext, .TechnologyXny .main .block.block6 .banner .btnPrev, .TechnologyXny .main .block.block6 .banner .btnNext { font-size: 46px; color: #fff; position: absolute; top: 40%; left: 10px; z-index: 50; cursor: pointer; display: block; opacity: 1; filter: alpha(opacity=100); transition: all .4s; }

.TechnologyXny .main .block.block3 .banner .btnPrev:hover, .TechnologyXny .main .block.block3 .banner .btnNext:hover, .TechnologyXny .main .block.block6 .banner .btnPrev:hover, .TechnologyXny .main .block.block6 .banner .btnNext:hover { color: #36A430; }

.TechnologyXny .main .block.block3 .banner .btnNext, .TechnologyXny .main .block.block6 .banner .btnNext { left: auto; right: 10px; }

.TechnologyXny .main .block.block3 .banner:hover .btnPrev, .TechnologyXny .main .block.block3 .banner:hover .btnNext, .TechnologyXny .main .block.block6 .banner:hover .btnPrev, .TechnologyXny .main .block.block6 .banner:hover .btnNext { display: block; opacity: 1; filter: alpha(opacity=100); }

.TechnologyXny .main .block.block4 { background: #f5f5f5; }

.TechnologyXny .main .block.block4 .left { width: 50%; padding: 5% 5% 0; }

.TechnologyXny .main .block.block4 .left img { width: 100%; margin-bottom: 3%; }

.TechnologyXny .main .block.block4 .left .text p { font-size: 16px; line-height: 28px; color: #333; }

.TechnologyXny .main .block.block4 .right { width: 50%; overflow: hidden; }

.TechnologyXny .main .block.block4 .right img { width: 100%; }

.TechnologyXny .main .block.block5 ul { height: auto; overflow: hidden; margin-top: 50px; background: #f5f5f5; }

.TechnologyXny .main .block.block5 ul li { position: relative; }

.TechnologyXny .main .block.block5 ul li.video { width: 50%; overflow: hidden; cursor: pointer; }

.TechnologyXny .main .block.block5 ul li.video img { width: 100%; transition: all .4s; }

.TechnologyXny .main .block.block5 ul li.video .play { width: 60px; height: 60px; background: url("../images/icon-play2.png") center no-repeat; background-size: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.TechnologyXny .main .block.block5 ul li.video h2 { width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; position: absolute; left: 0; right: 0; bottom: 0; background: url(../images/cover-bg.png) repeat; }

.TechnologyXny .main .block.block5 ul li.video:hover img { transform: scale(1.05); }

.TechnologyXny .main .block.block5 ul li.video .poster { position: relative; z-index: 1; }

.TechnologyXny .main .block.block5 ul li.video #videoplayer1, .TechnologyXny .main .block.block5 ul li.video #videoplayer2 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; }

.TechnologyXny .main .block.block5 ul li.text { width: 50%; padding: 4% 4% 0; }

.TechnologyXny .main .block.block5 ul li.text h1 { font-size: 24px; margin-bottom: 2%; }

.TechnologyXny .main .block.block5 ul li.text p { font-size: 16px; line-height: 28px; }

.TechnologyXny .main .block.block5 ul li.text .textImg { width: 60%; margin: 2% auto 0; display: block; }

.TechnologyXny .main .block.block5 ul li.text dl { height: auto; overflow: hidden; margin-top: 40px; }

.TechnologyXny .main .block.block5 ul li.text dl dd { width: 20%; float: left; text-align: center; position: relative; padding-bottom: 15px; }

.TechnologyXny .main .block.block5 ul li.text dl dd img { height: 50px; margin: 0 auto 10px; }

.TechnologyXny .main .block.block5 ul li.text dl dd h2 { font-size: 16px; font-weight: bold; }

.TechnologyXny .main .block.block5 ul li.text dl dd:after { content: ""; width: 100%; height: 1px; background: #36A430; position: absolute; left: 0; bottom: 0; display: none; }

.TechnologyXny .main .block.block5 ul li.text dl dd.active:after { display: block; }

.TechnologyXny .main .block.block5 ul li.text .info { height: auto; overflow: hidden; margin-top: 15px; }

.TechnologyXny .main .block.block5 ul li.text .info p { display: none; }

.TechnologyXny .main .block.block5 ul li.text .info p.active { display: block; }

.TechnologyXny .main .block.block6 .title { width: 100%; position: absolute; color: #fff; z-index: 6; top: 120px; }

.TechnologyXny .main .block.block6 .title span { background: none; }

.TechnologyXny .main .block.block6 .title:after, .TechnologyXny .main .block.block6 .title:before { width: 39%; top: 22px !important; }

.TechnologyXny .main .block.block6 .title:before { content: ""; height: 1px; background: #dadada; position: absolute; right: 0; z-index: 0; }

.TechnologyXny .main .block.block6 video { width: 100%; }

.TechnologyXny .main .block.block7 { height: 793px; position: relative; background: url("../images/technologyxny/block7-bg.jpg") center no-repeat; background-size: cover; }

.TechnologyXny .main .block.block7 .title { width: 100%; position: absolute; color: #fff; top: 120px; z-index: 1; }

.TechnologyXny .main .block.block7 .title span { background: none; }

.TechnologyXny .main .block.block7 .title:before { content: ""; width: 42.5%; height: 1px; top: 15px; left: 0; background: #fff; background: rgba(255, 255, 255, 0.35); position: absolute; }

.TechnologyXny .main .block.block7 .title:after { width: 42.5%; left: auto; right: 0; background: #fff; background: rgba(255, 255, 255, 0.35); }

.TechnologyXny .main .block.block7 .text-box { position: absolute; left: 0; top: 200px; right: 0; }

.TechnologyXny .main .block.block7 .text-box p { font-size: 16px; color: #fff; text-align: center; line-height: 28px; }

.TechnologyXny .main .block.block7 .c2 { position: absolute; left: 50%; bottom: 60px; width: 1024px; margin-left: -480px; }

.TechnologyXny .main .block.block7 .c2 .text { position: absolute; display: none; }

.TechnologyXny .main .block.block7 a { position: absolute; right: 0; bottom: 0; display: block; padding: 10px; z-index: 1; }

/*News*/
.News .main { height: auto; overflow: hidden; padding: 60px 0 110px; }

.News .list { height: auto; overflow: hidden; padding-top: 60px; }

.News .list li { height: auto; overflow: hidden; border-bottom: 1px solid #E9E9E9; padding-bottom: 50px; margin-bottom: 50px; cursor: pointer; }

.News .list li .img { width: 21%; overflow: hidden; float: left; margin-right: 30px; }

.News .list li .img img { width: 100%; height: 100%; }

.News .list li .text { width: 65%; height: auto; overflow: hidden; padding: 15px 0; float: left; }

.News .list li .text h2 { font-size: 20px; color: #000; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px; transition: all .4s; }

.News .list li .text p { font-size: 14px; color: #666; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.News .list li .date { float: right; text-align: center; padding: 18px 0; }

.News .list li .date h2 { font-size: 34px; color: #333333; }

.News .list li .date p { font-size: 16px; color: #999; }

.News .list li:hover img { transform: scale(1.1); }

.News .list li:hover .text h2 { color: #36A430; }

/*NewsXq*/
.NewsXq .main { height: auto; overflow: hidden; padding: 60px 0 110px; }

.NewsXq .main .con { height: auto; overflow: hidden; padding: 60px 0; min-height: 500px; }

.NewsXq .main .con .container { width: 1200px; margin: 0 auto; }

.NewsXq .main .con .title { height: auto; overflow: hidden; margin-bottom: 3%; }

.NewsXq .main .con .title h2 { font-size: 22px; color: #000; text-align: center; margin-bottom: 15px; font-weight: bold; }

.NewsXq .main .con .title .other { height: auto; overflow: hidden; text-align: center; }

.NewsXq .main .con .title .other span { font-size: 16px; color: #999; margin: 0 10px; }

.NewsXq .main .con .box { height: auto; overflow: hidden; }

.NewsXq .main .con .box p { font-size: 16px; color: #666; line-height: 26px; margin-bottom: 15px; }

.NewsXq .main .con .box p img { margin: 0 auto 20px; }

.NewsXq .main .con .box #video, .NewsXq .main .con .box #video video { width: 100%; }

/*Service*/
.Service .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.Service .main .con { height: auto; overflow: hidden; min-height: 500px; }

.Service .main .con .topBox { text-align: center; padding: 70px 0 90px; }

.Service .main .con .topBox h3 { font-size: 36px; }

.Service .main .con .topBox p { font-size: 16px; line-height: 30px; margin-top: 20px; }

.Service .main .con .icon-item { color: #656565; float: left; width: 25%; text-align: center; padding-bottom: 45px; }

.Service .main .con .icon-item img { display: inline-block; width: 60px; }

.Service .main .con .icon-item h2 { font-size: 24px; color: #333; margin: 5px 0; }

.Service .main .con .icon-item p { font-size: 16px; color: #656565; }

.Service .main .con .bz { height: auto; overflow: hidden; margin-top: 90px; }

.Service .main .con .bz .topBox { padding: 0; margin-bottom: 40px; }

.Service .main .con .bz .imgText { height: auto; overflow: hidden; }

.Service .main .con .bz .imgText .img, .Service .main .con .bz .imgText .text { width: 50%; overflow: hidden; }

.Service .main .con .bz .imgText .img img, .Service .main .con .bz .imgText .text img { width: 100%; }

.Service .main .con .bz .imgText .img h2, .Service .main .con .bz .imgText .text h2 { font-size: 30px; color: #333; margin-bottom: 15px; transition: all .4s; }

.Service .main .con .bz .imgText .img h3, .Service .main .con .bz .imgText .text h3 { font-size: 20px; color: #333; margin-bottom: 20px; }

.Service .main .con .bz .imgText .img p, .Service .main .con .bz .imgText .text p { font-size: 16px; color: #999; line-height: 26px; }

.Service .main .con .bz .imgText .img i, .Service .main .con .bz .imgText .text i { font-size: 26px; margin-top: 20px; color: #bbb; display: block; }

.Service .main .con .bz .imgText .text { padding: 7% 5% 0; }

.Service .main .con .video-live { margin-top: 80px; z-index: 0; position: relative; }

.Service .main .con .video-live .poster { height: auto; overflow: hidden; position: relative; z-index: 1; cursor: pointer; }

.Service .main .con .video-live .poster img { width: 100%; }

.Service .main .con .video-live .poster .play { width: 69px; height: 69px; background: url(../images/icon-play2.png) center no-repeat; background-size: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

/*ServiceOrder*/
.ServiceOrder .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.ServiceOrder .main .con { height: auto; overflow: hidden; min-height: 500px; padding: 70px 0; }

.ServiceOrder .main .con .tips { font-size: 16px; color: #333; margin-bottom: 40px; }

.ServiceOrder .main .con .tips i { color: #FF0000; }

.ServiceOrder .main .con form { height: auto; overflow: hidden; }

.ServiceOrder .main .con form .row { height: auto; clear: both; }

.ServiceOrder .main .con form .row .item { width: 50%; float: left; height: auto; margin-bottom: 30px; }

.ServiceOrder .main .con form .row .item .t { font-size: 16px; color: #000; margin-bottom: 15px; }

.ServiceOrder .main .con form .row .item .t i { color: #FF0000; margin-right: 5px; }

.ServiceOrder .main .con form .row .item .iconfont { width: 60px; text-align: center; line-height: 58px; float: right; font-size: 22px; position: relative; top: 0; color: #656565; }

.ServiceOrder .main .con form .row .item .select { width: 95%; font-size: 16px; height: 60px; line-height: 60px; cursor: pointer; position: relative; display: inline-block; vertical-align: middle; border: 1px solid #e9e9e9; }

.ServiceOrder .main .con form .row .item .select .select-head { width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; padding-left: 20px; }

.ServiceOrder .main .con form .row .item .select .select-con { float: left; overflow: hidden; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 60%; color: #333; }

.ServiceOrder .main .con form .row .item .select .select-head .select-icon { float: right; }

.ServiceOrder .main .con form .row .item .select .option { text-indent: 10px; margin-top: 1px; width: 100%; display: none; position: absolute; z-index: 200; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-color: #fff; max-height: 300px; overflow-x: hidden; overflow-y: scroll; }

.ServiceOrder .main .con form .row .item .select .option > li:hover { background-color: #f5f5f5; color: #36A430; }

.ServiceOrder .main .con form .row .item .select .option .active { background-color: #f5f5f5; color: #36A430; }

.ServiceOrder .main .con form .row .item .select .option > li { cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; color: #000; }

.ServiceOrder .main .con form .row .item .select-box { width: 45%; height: 60px; border: 1px solid #eee; color: #666; position: relative; margin-right: 5%; }

.ServiceOrder .main .con form .row .item .select-box em { display: block; position: absolute; width: 22px; height: 22px; background: url("../images/popup_down.png") no-repeat center center; right: 20px; top: 17px; }

.ServiceOrder .main .con form .row .item .select-box .input-box { height: 100%; position: relative; }

.ServiceOrder .main .con form .row .item .select-box .input-box .selectedValue { line-height: 58px; height: 100%; cursor: pointer; padding: 0 20px; font-size: 16px; }

.ServiceOrder .main .con form .row .item .select-box .input-box .selectedValue label { height: 100%; cursor: pointer; position: relative; }

.ServiceOrder .main .con form .row .item .select-box .input-box ul { width: 100%; display: none; z-index: 10; max-height: 300px; overflow-x: hidden; overflow-y: scroll; background: #fff; position: absolute; top: 58px; left: 0; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.ServiceOrder .main .con form .row .item .select-box .input-box ul li { height: 58px; line-height: 58px; padding: 0 30px; cursor: pointer; font-size: 16px; }

.ServiceOrder .main .con form .row .item .select-box .input-box ul li:hover, .ServiceOrder .main .con form .row .item .select-box .input-box ul li.active { background-color: #f5f5f5; color: #014ABB; }

.ServiceOrder .main .con form .row .item input { width: 95%; font-size: 16px; height: 60px; line-height: 60px; border: 1px solid #e9e9e9; padding: 0 20px; }

.ServiceOrder .main .con form .row .item textarea { width: 100%; height: 260px; font-size: 16px; padding: 20px; border: 1px solid #e9e9e9; }

.ServiceOrder .main .con form .row .item.item1 { width: 97.5%; }

.ServiceOrder .main .con form .btns { height: auto; overflow: hidden; text-align: center; clear: both; }

.ServiceOrder .main .con form .btns a { width: 250px; height: 50px; line-height: 50px; font-size: 16px; background: #eee; color: #000; text-align: center; display: inline-block; margin: 0 8px; }

.ServiceOrder .main .con form .btns a:first-child { background: #36A430; color: #fff; }

/*About*/
.About .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.About .main .con { height: auto; overflow: hidden; min-height: 500px; padding: 70px 0; }

.About .main .con img { width: 100%; }

.About .main .con .img { width: 52%; }

.About .main .con .text { width: 48%; height: auto; overflow: hidden; position: relative; padding: 1% 0 0 5%; }

.About .main .con .text .commonTitle { margin-bottom: 5%; }

.About .main .con .text p { font-size: 16px; color: #333333; line-height: 30px; margin-top: 4%; }

.About .main .con ul { height: auto; overflow: hidden; margin-top: 60px; }

.About .main .con ul li { width: 25%; float: left; text-align: center; }

.About .main .con ul li i { font-size: 80px; color: #36A430; }

.About .main .con ul li h2 { font-size: 18px; color: #666; padding: 0 20px; }

/*AboutCulture*/
.AboutCulture .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.AboutCulture .main .con { height: auto; overflow: hidden; min-height: 500px; padding: 70px 0; }

.AboutCulture .main .con .topBox { height: auto; overflow: hidden; text-align: center; }

.AboutCulture .main .con .topBox h2 { font-size: 30px; color: #333; margin-bottom: 10px; }

.AboutCulture .main .con .topBox p { font-size: 16px; color: #666; line-height: 30px; }

.AboutCulture .main .con ul { height: auto; overflow: hidden; margin-top: 30px; }

.AboutCulture .main .con ul li { width: 20%; float: left; background: #F6F6F6; padding: 90px 30px 0; min-height: 470px; }

.AboutCulture .main .con ul li .iconfont { font-size: 60px; margin: 0 auto 40px; display: block; text-align: center; color: #36A430; }

.AboutCulture .main .con ul li .text { text-align: center; }

.AboutCulture .main .con ul li .text h2 { font-size: 24px; color: #36A430; font-weight: bold; margin-bottom: 15px; }

.AboutCulture .main .con ul li .text p { font-size: 16px; line-height: 26px; color: #333333; }

.AboutCulture .main .con ul li:nth-child(odd) { background: #36A430; }

.AboutCulture .main .con ul li:nth-child(odd) .iconfont { color: #fff; }

.AboutCulture .main .con ul li:nth-child(odd) .text h2, .AboutCulture .main .con ul li:nth-child(odd) .text p { color: #fff; }

/*AboutCare*/
.AboutCare .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.AboutCare .main .con { height: auto; overflow: hidden; min-height: 500px; padding: 70px 0; }

.AboutCare .main .con .topBox { height: auto; overflow: hidden; text-align: center; }

.AboutCare .main .con .topBox h2 { font-size: 30px; color: #333; margin-bottom: 10px; }

.AboutCare .main .con .topBox p { font-size: 16px; color: #666; line-height: 30px; }

.AboutCare .main .con .times-list { height: auto; overflow: hidden; position: relative; height: 100%; margin-top: 40px; padding-top: 40px; }

.AboutCare .main .con .times-list:after { content: ""; display: block; position: absolute; width: 1px; height: 100%; top: 0px; left: 50%; background: #ddd; }

.AboutCare .main .con .times-list .fl, .AboutCare .main .con .times-list .fr { width: 50%; border-bottom: 1px dotted #ddd; position: relative; padding-bottom: 90px; margin-bottom: 25px; }

.AboutCare .main .con .times-list .fl img, .AboutCare .main .con .times-list .fr img { margin-bottom: 20px; }

.AboutCare .main .con .times-list .fl .text-box h2, .AboutCare .main .con .times-list .fr .text-box h2 { font-size: 18px; line-height: 30px; color: #333; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; transition: all .4s; }

.AboutCare .main .con .times-list .fl .text-box p, .AboutCare .main .con .times-list .fr .text-box p { font-size: 14px; line-height: 24px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.AboutCare .main .con .times-list .fl .icon-arrow, .AboutCare .main .con .times-list .fr .icon-arrow { display: block; font-size: 20px; margin-top: 10px; color: #666; }

.AboutCare .main .con .times-list .fl a:hover h2, .AboutCare .main .con .times-list .fl a:hover .icon-arrow, .AboutCare .main .con .times-list .fr a:hover h2, .AboutCare .main .con .times-list .fr a:hover .icon-arrow { color: #36A430; }

.AboutCare .main .con .times-list .fl .date, .AboutCare .main .con .times-list .fr .date { position: absolute; top: 0; z-index: 2; font-size: 30px; line-height: 52px; transition: all .4s; color: #36A430; }

.AboutCare .main .con .times-list .fl .date i, .AboutCare .main .con .times-list .fr .date i { font-size: 20px; line-height: 52px; vertical-align: middle; color: #36A430; }

.AboutCare .main .con .times-list .fl .date .icon-next, .AboutCare .main .con .times-list .fr .date .icon-next { margin-left: 5px; }

.AboutCare .main .con .times-list .fl .img-box, .AboutCare .main .con .times-list .fr .img-box { position: relative; overflow: hidden; }

.AboutCare .main .con .times-list .fl .img-box .nav-btn div, .AboutCare .main .con .times-list .fr .img-box .nav-btn div { position: absolute; top: 28%; z-index: 1; cursor: pointer; }

.AboutCare .main .con .times-list .fl .img-box .nav-btn .left, .AboutCare .main .con .times-list .fr .img-box .nav-btn .left { left: 0; }

.AboutCare .main .con .times-list .fl .img-box .nav-btn .right, .AboutCare .main .con .times-list .fr .img-box .nav-btn .right { right: 0; }

.AboutCare .main .con .times-list .fr { padding: 20px 7% 2% 3%; margin-left: 20px; }

.AboutCare .main .con .times-list .fr .date { left: -119px; }

.AboutCare .main .con .times-list .fl { padding: 20px 3% 2% 7%; margin-right: 20px; }

.AboutCare .main .con .times-list .fl .date { left: 98.5%; width: 50%; right: auto; }

.AboutCare .main .con .times-list:before { content: ""; display: block; position: absolute; width: 24px; height: 24px; top: 0; left: 50%; border: 2px solid #ddd; border-radius: 50%; margin-left: -12px; background: #fff; z-index: 1; }

.AboutCare .main .con .times-list:after { content: ""; display: block; position: absolute; width: 2px; height: 100%; top: 0; left: 50%; background: #F0F2F6; margin-left: -1px; }

/*Contact*/
.Contact .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.Contact .main .con { height: auto; overflow: hidden; min-height: 500px; padding: 70px 0 0; }

.Contact .main .con .topBox { height: auto; overflow: hidden; text-align: center; }

.Contact .main .con .topBox h2 { font-size: 30px; color: #333; margin-bottom: 10px; }

.Contact .main .con .topBox p { font-size: 16px; color: #666; line-height: 30px; }

.Contact .main .con ul { height: auto; overflow: hidden; margin: 60px 0; }

.Contact .main .con ul li { width: 25%; float: left; text-align: center; }

.Contact .main .con ul li .iconfont { font-size: 46px; color: #36A430; }

.Contact .main .con ul li h2 { font-size: 24px; color: #333; margin: 10px 0; }

.Contact .main .con ul li p { font-size: 16px; color: #656565; line-height: 22px; }

.Contact .main .con .line { width: 100%; height: 1px; background: #e5e5e5; margin-bottom: 80px; }

.Contact .main .con #allmap { width: 100%; height: 600px; margin-top: 80px; }

.Contact .main .con #allmap * { box-sizing: content-box !important; -webkit-box-sizing: content-box !important; }

.Contact .main .con #allmap a img, .Contact .main .con #allmap img { -ms-interpolation-mode: bicubic; -webkit-transition: none; transition: none; display: block; max-width: none; }

.Contact .main .con #allmap ul { margin: 0; overflow: visible; }

.Contact .main .con #allmap ul li { width: 100%; }

.tangram-suggestion-main { z-index: 1; }

/*Join*/
.Join .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.Join .main .con { height: auto; overflow: hidden; min-height: 500px; padding-bottom: 100px; }

.Join .main .con .container { width: 1200px; margin: 0 auto; }

.Join .main .con .block { height: auto; overflow: hidden; text-align: center; margin-top: 70px; }

.Join .main .con .block .t { font-size: 30px; color: #333; margin-bottom: 10px; }

.Join .main .con .block .st { font-size: 16px; color: #666; line-height: 30px; }

.Join .main .con .block ul { height: auto; overflow: hidden; }

.Join .main .con .block ul li { width: 20%; float: left; margin-top: 40px; }

.Join .main .con .block ul li img { margin: 0 auto 10px; }

.Join .main .con .block ul li h2 { font-size: 18px; color: #333; }

.Join .main .con .block .textImg { height: auto; overflow: hidden; text-align: left; margin-top: 25px; }

.Join .main .con .block .textImg .text { width: 560px; padding-top: 70px; }

.Join .main .con .block .textImg .text p { font-size: 16px; color: #333; margin-bottom: 10px; }

.Join .main .con .block .textImg .text p b { font-weight: bold; }

.Join .main .con .block .textImg .text h2 { font-size: 16px; font-weight: bold; color: #333; margin-bottom: 10px; }

.Join .main .con .block .textImg .text img { margin-top: 35px; }

.Join .main .con .block .textImg .text .h { height: 20px; }

.Join .main .con .block .textImg .img { width: 600px; }

.Join .main .con .block .textImg .img img { width: 100%; }

/*JoinSh*/
.JoinSh .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.JoinSh .main .con { height: auto; overflow: hidden; min-height: 500px; padding-bottom: 100px; }

.JoinSh .main .con .container { width: 1200px; margin: 0 auto; }

.JoinSh .main .con .tableBox { height: auto; overflow: hidden; margin-top: 40px; }

.JoinSh .main .con .tableBox .table-title { width: 100%; overflow: hidden; line-height: 45px; background: #36A430; }

.JoinSh .main .con .tableBox .table-title .item { width: 25%; float: left; text-align: center; font-size: 16px; color: #fff; position: relative; }

.JoinSh .main .con .tableBox .table { height: auto; overflow: hidden; border: 1px solid #F1F2EF; }

.JoinSh .main .con .tableBox .table li { height: auto; overflow: hidden; border-bottom: 1px solid #F1F2EF; }

.JoinSh .main .con .tableBox .table li .item { width: 25%; line-height: 50px; float: left; text-align: center; font-size: 15px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; cursor: pointer; }

.JoinSh .main .con .tableBox .table li .item .iconfont { position: absolute; right: 15px; transition: all .4s; }

.JoinSh .main .con .tableBox .table li .con { height: auto; overflow: hidden; padding: 30px; display: none; background: #f9f9f9; }

.JoinSh .main .con .tableBox .table li .con .bb { height: auto; overflow: hidden; margin-bottom: 25px; }

.JoinSh .main .con .tableBox .table li .con .bb .tt { font-size: 16px; color: #656565; margin-bottom: 10px; font-weight: bold; }

.JoinSh .main .con .tableBox .table li .con .bb p { font-size: 15px; color: #656565; line-height: 26px; position: relative; }

.JoinSh .main .con .tableBox .table li .con .bb p a { color: #0050C9; }

.JoinSh .main .con .tableBox .table li.active .iconfont { transform: rotate(180deg); }

/*JoinXy*/
.JoinXy .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.JoinXy .main .con { height: auto; overflow: hidden; min-height: 500px; padding-bottom: 100px; }

.JoinXy .main .con .container { width: 1200px; margin: 0 auto; }

.JoinXy .main .con .block { height: auto; overflow: hidden; margin-top: 70px; }

.JoinXy .main .con .block .t { font-size: 30px; color: #333; margin-bottom: 10px; text-align: center; }

.JoinXy .main .con .block .st { font-size: 16px; color: #666; line-height: 30px; text-align: center; }

.JoinXy .main .con .block .list { height: auto; overflow: hidden; margin: 50px -20px 0; position: relative; }

.JoinXy .main .con .block .list li { width: 25%; float: left; padding: 0 20px; position: relative; z-index: 1; }

.JoinXy .main .con .block .list li img { margin: 0 auto; }

.JoinXy .main .con .block .list li h2 { font-size: 18px; color: #36A430; text-align: center; margin: 20px 0; }

.JoinXy .main .con .block .list li p { font-size: 15px; color: #656565; line-height: 24px; margin-bottom: 10px; }

.JoinXy .main .con .block .list li p a { color: #36A430; }

.JoinXy .main .con .block .list:after { content: ""; width: 80%; border-bottom: 1px dashed #bbb; position: absolute; left: 0; top: 50px; right: 0; margin: auto; z-index: 0; }

.JoinXy .main .con .tableBox { height: auto; overflow: hidden; margin-top: 40px; }

.JoinXy .main .con .tableBox .table-title { width: 100%; overflow: hidden; line-height: 45px; background: #36A430; }

.JoinXy .main .con .tableBox .table-title .item { width: 25%; float: left; text-align: center; font-size: 16px; color: #fff; position: relative; }

.JoinXy .main .con .tableBox .table { height: auto; overflow: hidden; border: 1px solid #F1F2EF; }

.JoinXy .main .con .tableBox .table li { height: auto; overflow: hidden; border-bottom: 1px solid #F1F2EF; }

.JoinXy .main .con .tableBox .table li .item { width: 25%; line-height: 50px; float: left; text-align: center; font-size: 15px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; cursor: pointer; }

.JoinXy .main .con .tableBox .table li .item .iconfont { position: absolute; right: 15px; transition: all .4s; }

.JoinXy .main .con .tableBox .table li .con { height: auto; overflow: hidden; padding: 30px; display: none; background: #F1F2EF; }

.JoinXy .main .con .tableBox .table li .con .bb { height: auto; overflow: hidden; margin-bottom: 25px; }

.JoinXy .main .con .tableBox .table li .con .bb .tt { font-size: 16px; color: #656565; margin-bottom: 10px; font-weight: bold; }

.JoinXy .main .con .tableBox .table li .con .bb p { font-size: 15px; color: #656565; line-height: 26px; position: relative; }

.JoinXy .main .con .tableBox .table li .con .bb p a { color: #0050C9; }

.JoinXy .main .con .tableBox .table li.active .iconfont { transform: rotate(180deg); }

.JoinXy .main .con .ad { margin-top: 50px; display: block; }

/*Solution*/
.Solution .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.Solution .main .con { height: auto; overflow: hidden; min-height: 500px; padding-bottom: 100px; }

.Solution .main .con .imgText { height: auto; overflow: hidden; }

.Solution .main .con .imgText .img, .Solution .main .con .imgText .text { width: 50%; overflow: hidden; }

.Solution .main .con .imgText .img img, .Solution .main .con .imgText .text img { width: 100%; }

.Solution .main .con .imgText .img h2, .Solution .main .con .imgText .text h2 { font-size: 30px; color: #333; margin-bottom: 15px; transition: all .4s; }

.Solution .main .con .imgText .img h3, .Solution .main .con .imgText .text h3 { font-size: 20px; color: #333; margin-bottom: 20px; }

.Solution .main .con .imgText .img p, .Solution .main .con .imgText .text p { font-size: 16px; color: #999; line-height: 26px; }

.Solution .main .con .imgText .img i, .Solution .main .con .imgText .text i { font-size: 26px; margin-top: 20px; color: #bbb; display: block; }

.Solution .main .con .imgText .text { padding: 7% 5% 0; }

.Solution .main .con .imgText:hover img { transform: scale(1.1); }

.Solution .main .con .imgText:hover h2, .Solution .main .con .imgText:hover i { color: #36A430; }

/*Case*/
.Case .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.Case .main .con { height: auto; overflow: hidden; min-height: 500px; padding-bottom: 50px; }

.Case .main .con .imgText { height: auto; overflow: hidden; }

.Case .main .con .imgText .img, .Case .main .con .imgText .text { width: 50%; overflow: hidden; }

.Case .main .con .imgText .img img, .Case .main .con .imgText .text img { width: 100%; }

.Case .main .con .imgText .img h2, .Case .main .con .imgText .text h2 { font-size: 30px; color: #333; margin-bottom: 15px; transition: all .4s; }

.Case .main .con .imgText .img h3, .Case .main .con .imgText .text h3 { font-size: 20px; color: #333; margin-bottom: 20px; }

.Case .main .con .imgText .img p, .Case .main .con .imgText .text p { font-size: 16px; color: #999; line-height: 26px; }

.Case .main .con .imgText .img i, .Case .main .con .imgText .text i { font-size: 26px; margin-top: 20px; color: #bbb; display: block; }

.Case .main .con .imgText .text { padding: 7% 5% 0; }

.Case .main .con .imgText:hover img { transform: scale(1.1); }

.Case .main .con .imgText:hover h2, .Case .main .con .imgText:hover i { color: #36A430; }

.Case .main .page { margin-bottom: 100px; }

/*NeiCPage*/
.NeiCPage .main { height: auto; overflow: hidden; padding: 60px 0; }

.NeiCPage .main h2 { font-size: 18px; line-height: 28px; margin-top: 40px; margin-bottom: 6px; }

.NeiCPage .main p { font-size: 14px; line-height: 30px; color: #666; }

.NeiCPage .main ul { height: auto; overflow: hidden; }

.NeiCPage .main ul li { width: 20%; float: left; }

.NeiCPage .main dl { padding-bottom: 16px; }

.NeiCPage .main dl dt { height: auto; overflow: hidden; padding-top: 40px; border-bottom: 1px solid #ececec; }

.NeiCPage .main dl dt a { font-size: 20px; padding-bottom: 20px; display: block; }

.NeiCPage .main dl dd { height: auto; overflow: hidden; padding-top: 20px; }

.NeiCPage .main dl dd a { width: 16.666%; font-size: 16px; line-height: 46px; display: block; float: left; }

.NeiCPage .main dl dd a:hover { color: #36A430; }

.shareWx-box { height: auto; overflow: hidden; text-align: center; font-size: 14px; color: #333; }

.shareWx-box .url_img { display: block; margin: 15px auto 10px; }

.shareWx-box p { font-size: 13px; }

/*Search*/
.Search .form { height: auto; overflow: hidden; background: #f5f5f5; padding: 70px 0; text-align: center; }

.Search .form .title { font-size: 30px; color: #333333; position: relative; z-index: 0; }

.Search .form .title span { background: #f5f5f5; position: relative; z-index: 1; padding: 0 20px; }

.Search .form .title:after { content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0; top: 20px; z-index: 0; }

.Search .form .box { width: 40%; height: auto; overflow: hidden; margin: 40px auto; }

.Search .form input { width: 80%; height: 50px; line-height: 50px; padding: 15px; float: left; font-size: 18px; background: #fff; }

.Search .form .btn { width: 20%; height: 50px; line-height: 50px; background: #36A430; text-align: center; display: block; float: left; }

.Search .form .btn i { color: #fff; font-size: 22px; }

.Search .nodata { height: auto; overflow: hidden; padding: 40px 0; }

.Search .nodata h2 { font-size: 22px; }

.Search .nodata h2 span { color: #36A430; }

.Search .nodata .box { text-align: center; padding: 100px 0; }

.Search .nodata .box .icon { width: 88px; margin: 0 auto 20px; }

.Search .nodata .box p { font-size: 16px; color: #666; }

.Search .block { height: auto; overflow: hidden; min-height: 500px; }

.Search .block .tit { font-size: 30px; padding-bottom: 20px; border-bottom: 1px solid #ddd; clear: both; }

.Search .block .list { padding-bottom: 0 !important; overflow: visible; }

.Search .block .Product { height: auto; overflow: hidden; margin-bottom: 60px; }

.Search .block .page { margin-bottom: 100px; }

/*Vin*/
.Vin .main { height: auto; overflow: hidden; padding: 60px 0; }

.Vin .main .title { font-size: 30px; color: #333333; position: relative; z-index: 0; text-align: center; }

.Vin .main .title span { background: #fff; position: relative; z-index: 1; padding: 0 20px; }

.Vin .main .title:after { content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0; top: 20px; z-index: 0; }

.Vin .main .con { width: 1150px; margin: 60px auto; overflow: hidden; }

.Vin .main .con .input-box { width: 48%; height: 50px; border: 1px solid #DCDCDC; overflow: hidden; padding: 0 20px; font-weight: 300; }

.Vin .main .con .input-box input { width: 97%; height: 100%; float: left; font-size: 18px; }

.Vin .main .con .input-box .iconfont { font-size: 30px; float: left; line-height: 60px; }

.Vin .main .con .imgCode-box { width: 48%; height: 50px; border: 1px solid #DCDCDC; overflow: hidden; padding-left: 20px; font-weight: 300; }

.Vin .main .con .imgCode-box input { width: 60%; height: 100%; float: left; font-size: 18px; float: left; }

.Vin .main .con .imgCode-box .imgCode { width: 40%; height: 100%; float: right; }

.Vin .main .con .imgCode-box .imgCode img { width: 100%; height: 100%; }

.Vin .main .con .list { height: auto; overflow: hidden; margin-top: 30px; }

.Vin .main .con .list li { font-size: 18px; color: #161616; border-bottom: 1px solid #eee; line-height: 45px; position: relative; text-align: left; padding-left: 30px; }

.Vin .main .con .list li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Vin .main .con .list li a:hover { color: #36A430; }

.Vin .main .con .list li span { color: #36A430; float: right; }

.Vin .main .con .list li .iconfont { font-size: 14px; color: #999; margin-right: 10px; }

.Vin .main .con .list li .icon-pdf { width: 20px; height: 20px; background: url(../images/icon-pdf.png) center no-repeat; background-size: 100%; display: block; position: absolute; left: 0; top: 12px; }

.Vin .main .con .btns { text-align: center; }

.Vin .main .con .search-btn, .Vin .main .con .reset-btn { width: 225px; color: #fff; font-size: 18px; background: #36A430; display: inline-block; padding: 15px 0; text-align: center; margin: 40px 0 30px; line-height: 24px; }

.Vin .main .con .reset-btn { background: #F5F5F5; color: #000 !important; margin-left: 20px; }

.Vin .main .con .not { font-size: 18px; text-align: left; }

.Vin .main .con .not span { color: #36A430; line-height: 34px; }

.Vin .main .con .not p { font-size: 16px; color: #000; font-weight: 400; line-height: 26px; }

/* 404 */
.Page404 .content { text-align: center; padding: 200px 0; }

.Page404 .content .icon { margin: 0 auto 20px; display: block; }

.Page404 .content .text { height: auto; overflow: hidden; margin-top: 20px; }

.Page404 .content .text h1 { font-size: 50px; color: #333; display: inline-block; font-weight: bold; }

.Page404 .content .text .p { display: inline-block; }

.Page404 .content .text .p p { width: 100px; font-size: 14px; line-height: 18px; color: #333; float: left; margin: 0 15px; }

.Page404 .content .text .p .btn { width: 180px; height: 38px; line-height: 38px; font-size: 14px; border: 1px solid #36A430; color: #36A430; text-align: center; display: block; float: left; }

.Page404 .content .text .p .btn i { font-size: 14px; color: #36A430; }

/* 全景看车 */
.pano { overflow: hidden; position: relative; height: auto; padding-bottom: 80px; background: url("../images/pano/bg.jpg") center top no-repeat; background-size: cover; }

.pano .pano-nav { position: absolute; left: 18px; top: 36px; z-index: 2; }

.pano .pano-nav ul li { width: 70px; height: 70px; color: #fff; text-align: center; background-color: #B3BDCF; margin-bottom: 2px; cursor: pointer; }

.pano .pano-nav ul li img { display: block; margin: 0 auto; }

.pano .pano-nav ul li.active { background-color: #1949A2; }

.pano .pano-box { height: auto; overflow: hidden; position: relative; }

.pano .pano-box .swiper-slide { text-align: center; padding-top: 150px; }

.pano .pano-box .swiper-slide .title { height: auto; overflow: hidden; padding-bottom: 50px; opacity: 0; }

.pano .pano-box .swiper-slide .title h2 { font-size: 36px; color: #1B354F; margin-bottom: 15px; }

.pano .pano-box .swiper-slide .title p { font-size: 14px; color: #4A5056; }

.pano .pano-box .swiper-slide .img-box img { display: block; opacity: 0.7; }

.pano .pano-box .swiper-slide .info { height: auto; overflow: hidden; text-align: center; opacity: 0; }

.pano .pano-box .swiper-slide .info p { display: inline-block; font-size: 16px; color: #1B354F; padding: 0 36px; position: relative; }

.pano .pano-box .swiper-slide .info p:first-child::before { content: ""; position: absolute; right: 0; top: 5px; bottom: 5px; width: 1px; background-color: #7D7D7D; }

.pano .pano-box .swiper-slide.swiper-slide-active .title, .pano .pano-box .swiper-slide.swiper-slide-active .info { opacity: 1; }

.pano .pano-box .swiper-slide.swiper-slide-active img { opacity: 1; }

.pano .pano-box .swiper-slide.swiper-slide-active .pano-btn { display: block; }

.pano .pano-box .btn-left { display: none; cursor: pointer; z-index: 2; width: 40px; height: 79px; position: absolute; top: 57%; margin-top: -50px; left: 20%; background: url("../images/pano/left.png") no-repeat; background-size: 100%; }

.pano .pano-box .btn-right { display: none; cursor: pointer; z-index: 2; width: 40px; height: 79px; position: absolute; top: 57%; margin-top: -50px; right: 20%; background: url("../images/pano/right.png") no-repeat; background-size: 100%; }

.pano .pano-box:hover .btn-left, .pano .pano-box:hover .btn-right { display: block; }

.pano .pano-btn { display: none; width: 360px; height: 40px; margin: 50px auto 0; text-align: center; }

.pano .pano-btn a { display: inline-block; height: 40px; line-height: 40px; background: #004abb; padding: 0 25px; margin: 0 8px; font-size: 14px; color: #fff; }

.pano .pano-btn a i { font-size: 20px; vertical-align: -2px; margin-right: 10px; }

.pano .pano-btn a:hover { opacity: 0.8; }

/*! 1440以下 小屏 */
@media only screen and (max-width: 1440px) { .Index .block.solution ul li { bottom: -155px; }
  .Index .block.solution ul li .box h1 { font-size: 50px; }
  .Index .block.solution ul li .box h2 { font-size: 24px; } }